#62ea6b
RGB
赤 | 98 |
---|---|
緑 | 234 |
青 | 107 |
HSL
色相 | 124° |
---|---|
彩度 | 76% |
明度 | 65% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 98, 緑 = 234, 青 = 107 )
HSL ( 色相 = 124°, 彩度 = 76%, 明度 = 65% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ea6b62 : -120
14 : #ea8262 : -110
24 : #ea9862 : -100
34 : #eaaf62 : -90
44 : #eac562 : -80
54 : #eadc62 : -70
64 : #e1ea62 : -60
74 : #caea62 : -50
84 : #b3ea62 : -40
94 : #9dea62 : -30
104 : #86ea62 : -20
114 : #6fea62 : -10
124 : #62ea6b : ±0
134 : #62ea82 : +10
144 : #62ea98 : +20
154 : #62eaaf : +30
164 : #62eac5 : +40
174 : #62eadc : +50
184 : #62e1ea : +60
194 : #62caea : +70
204 : #62b3ea : +80
214 : #629dea : +90
224 : #6286ea : +100
234 : #626fea : +110
244 : #6b62ea : +120
254 : #8262ea : +130
264 : #9862ea : +140
274 : #af62ea : +150
284 : #c562ea : +160
294 : #dc62ea : +170
304 : #ea62e1 : +180
314 : #ea62ca : +190
324 : #ea62b3 : +200
334 : #ea629d : +210
344 : #ea6286 : +220
354 : #ea626f : +230
114 : #6fea62 : -10
115 : #6dea62 : -9
116 : #6bea62 : -8
117 : #69ea62 : -7
118 : #66ea62 : -6
119 : #64ea62 : -5
120 : #62ea62 : -4
121 : #62ea64 : -3
122 : #62ea66 : -2
123 : #62ea69 : -1
124 : #62ea6b : ±0
125 : #62ea6d : +1
126 : #62ea6f : +2
127 : #62ea72 : +3
128 : #62ea74 : +4
129 : #62ea76 : +5
130 : #62ea79 : +6
131 : #62ea7b : +7
132 : #62ea7d : +8
133 : #62ea7f : +9
134 : #62ea82 : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a5a5a5 : -76
2 : #a4a8a4 : -74
4 : #a2a9a3 : -72
6 : #a0aba1 : -70
8 : #9fada0 : -68
10 : #9daf9e : -66
12 : #9bb09c : -64
14 : #99b29b : -62
16 : #97b499 : -60
18 : #96b698 : -58
20 : #94b896 : -56
22 : #92b995 : -54
24 : #90bb93 : -52
26 : #8fbd92 : -50
28 : #8dbf90 : -48
30 : #8bc18f : -46
32 : #89c28d : -44
34 : #87c48b : -42
36 : #86c68a : -40
38 : #84c888 : -38
40 : #82c987 : -36
42 : #80cb85 : -34
44 : #7ecd84 : -32
46 : #7dcf82 : -30
48 : #7bd181 : -28
50 : #79d27f : -26
52 : #77d47e : -24
54 : #76d67c : -22
56 : #74d87a : -20
58 : #72da79 : -18
60 : #70db77 : -16
62 : #6edd76 : -14
64 : #6ddf74 : -12
66 : #6be173 : -10
68 : #69e271 : -8
70 : #67e470 : -6
72 : #65e66e : -4
74 : #64e86d : -2
76 : #62ea6b : ±0
78 : #60eb69 : +2
80 : #5eed68 : +4
82 : #5def66 : +6
84 : #5bf165 : +8
86 : #59f363 : +10
88 : #57f462 : +12
90 : #55f660 : +14
92 : #54f85f : +16
94 : #52fa5d : +18
96 : #50fb5b : +20
98 : #4efd5a : +22
100 : #4dff58 : +24
L : 明度 ( 65% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -64
3 : #020d03 : -62
5 : #031604 : -60
7 : #041f06 : -58
9 : #062808 : -56
11 : #07310a : -54
13 : #083a0b : -52
15 : #09430d : -50
17 : #0a4c0f : -48
19 : #0c5511 : -46
21 : #0d5e12 : -44
23 : #0e6714 : -42
25 : #0f7016 : -40
27 : #117918 : -38
29 : #128219 : -36
31 : #138b1b : -34
33 : #14941d : -32
35 : #159d1e : -30
37 : #17a620 : -28
39 : #18af22 : -26
41 : #19b824 : -24
43 : #1ac125 : -22
45 : #1cca27 : -20
47 : #1dd329 : -18
49 : #1edc2b : -16
51 : #23e130 : -14
53 : #2ce238 : -12
55 : #35e341 : -10
57 : #3ee549 : -8
59 : #47e652 : -6
61 : #50e75a : -4
63 : #59e863 : -2
65 : #62ea6b : ±0
67 : #6beb73 : +2
69 : #74ec7c : +4
71 : #7ded84 : +6
73 : #86ee8d : +8
75 : #8ff095 : +10
77 : #98f19e : +12
79 : #a1f2a6 : +14
81 : #aaf3af : +16
83 : #b3f5b7 : +18
85 : #bcf6c0 : +20
87 : #c5f7c8 : +22
89 : #cef8d0 : +24
91 : #d7f9d9 : +26
93 : #e0fbe1 : +28
95 : #e9fcea : +30
97 : #f2fdf2 : +32
99 : #fbfefb : +34
CSS入門、作ってます。
text-shadow