#3aee46
RGB
赤 | 58 |
---|---|
緑 | 238 |
青 | 70 |
HSL
色相 | 124° |
---|---|
彩度 | 84% |
明度 | 58% |
輝度 | 65% |
3桁の色
補色
反転色
RGB ( 赤 = 58, 緑 = 238, 青 = 70 )
HSL ( 色相 = 124°, 彩度 = 84%, 明度 = 58% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ee463a : -120
14 : #ee643a : -110
24 : #ee823a : -100
34 : #eea03a : -90
44 : #eebe3a : -80
54 : #eedc3a : -70
64 : #e2ee3a : -60
74 : #c4ee3a : -50
84 : #a6ee3a : -40
94 : #88ee3a : -30
104 : #6aee3a : -20
114 : #4cee3a : -10
124 : #3aee46 : ±0
134 : #3aee64 : +10
144 : #3aee82 : +20
154 : #3aeea0 : +30
164 : #3aeebe : +40
174 : #3aeedc : +50
184 : #3ae2ee : +60
194 : #3ac4ee : +70
204 : #3aa6ee : +80
214 : #3a88ee : +90
224 : #3a6aee : +100
234 : #3a4cee : +110
244 : #463aee : +120
254 : #643aee : +130
264 : #823aee : +140
274 : #a03aee : +150
284 : #be3aee : +160
294 : #dc3aee : +170
304 : #ee3ae2 : +180
314 : #ee3ac4 : +190
324 : #ee3aa6 : +200
334 : #ee3a88 : +210
344 : #ee3a6a : +220
354 : #ee3a4c : +230
114 : #4cee3a : -10
115 : #49ee3a : -9
116 : #46ee3a : -8
117 : #43ee3a : -7
118 : #40ee3a : -6
119 : #3dee3a : -5
120 : #3aee3a : -4
121 : #3aee3d : -3
122 : #3aee40 : -2
123 : #3aee43 : -1
124 : #3aee46 : ±0
125 : #3aee49 : +1
126 : #3aee4c : +2
127 : #3aee4f : +3
128 : #3aee52 : +4
129 : #3aee55 : +5
130 : #3aee58 : +6
131 : #3aee5b : +7
132 : #3aee5e : +8
133 : #3aee61 : +9
134 : #3aee64 : +10
S : 彩度 ( 84% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -84
2 : #929692 : -82
4 : #909890 : -80
6 : #8d9a8e : -78
8 : #8b9c8c : -76
10 : #899f8b : -74
12 : #87a189 : -72
14 : #85a387 : -70
16 : #83a585 : -68
18 : #81a783 : -66
20 : #7ea981 : -64
22 : #7cab7f : -62
24 : #7aae7e : -60
26 : #78b07c : -58
28 : #76b27a : -56
30 : #74b478 : -54
32 : #72b676 : -52
34 : #6fb874 : -50
36 : #6dba72 : -48
38 : #6bbd71 : -46
40 : #69bf6f : -44
42 : #67c16d : -42
44 : #65c36b : -40
46 : #63c569 : -38
48 : #60c767 : -36
50 : #5ec965 : -34
52 : #5ccc64 : -32
54 : #5ace62 : -30
56 : #58d060 : -28
58 : #56d25e : -26
60 : #54d45c : -24
62 : #51d65a : -22
64 : #4fd858 : -20
66 : #4ddb57 : -18
68 : #4bdd55 : -16
70 : #49df53 : -14
72 : #47e151 : -12
74 : #45e34f : -10
76 : #43e54d : -8
78 : #40e74c : -6
80 : #3eea4a : -4
82 : #3cec48 : -2
84 : #3aee46 : ±0
86 : #38f044 : +2
88 : #36f242 : +4
90 : #34f440 : +6
92 : #31f63f : +8
94 : #2ff93d : +10
96 : #2dfb3b : +12
98 : #2bfd39 : +14
100 : #29ff37 : +16
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #010901 : -56
4 : #021303 : -54
6 : #021c04 : -52
8 : #032606 : -50
10 : #042f07 : -48
12 : #053808 : -46
14 : #06420a : -44
16 : #074b0b : -42
18 : #07540c : -40
20 : #085e0e : -38
22 : #09670f : -36
24 : #0a7111 : -34
26 : #0b7a12 : -32
28 : #0b8313 : -30
30 : #0c8d15 : -28
32 : #0d9616 : -26
34 : #0ea018 : -24
36 : #0fa919 : -22
38 : #10b21a : -20
40 : #10bc1c : -18
42 : #11c51d : -16
44 : #12ce1f : -14
46 : #13d820 : -12
48 : #14e121 : -10
50 : #14eb23 : -8
52 : #1eeb2b : -6
54 : #27ec34 : -4
56 : #31ed3d : -2
58 : #3aee46 : ±0
60 : #43ef4f : +2
62 : #4def58 : +4
64 : #56f060 : +6
66 : #5ff169 : +8
68 : #69f272 : +10
70 : #72f37b : +12
72 : #7cf484 : +14
74 : #85f48c : +16
76 : #8ef595 : +18
78 : #98f69e : +20
80 : #a1f7a7 : +22
82 : #abf8b0 : +24
84 : #b4f8b8 : +26
86 : #bdf9c1 : +28
88 : #c7faca : +30
90 : #d0fbd3 : +32
92 : #d9fcdc : +34
94 : #e3fde5 : +36
96 : #ecfded : +38
98 : #f6fef6 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow