#01dac8
RGB
赤 | 1 |
---|---|
緑 | 218 |
青 | 200 |
HSL
色相 | 175° |
---|---|
彩度 | 99% |
明度 | 43% |
輝度 | 59% |
3桁の色
補色
反転色
RGB ( 赤 = 1, 緑 = 218, 青 = 200 )
HSL ( 色相 = 175°, 彩度 = 99%, 明度 = 43% )
H : 色相 ( 175° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #da1301 : -170
15 : #da3701 : -160
25 : #da5c01 : -150
35 : #da8001 : -140
45 : #daa401 : -130
55 : #dac801 : -120
65 : #c8da01 : -110
75 : #a4da01 : -100
85 : #80da01 : -90
95 : #5cda01 : -80
105 : #37da01 : -70
115 : #13da01 : -60
125 : #01da13 : -50
135 : #01da37 : -40
145 : #01da5c : -30
155 : #01da80 : -20
165 : #01daa4 : -10
175 : #01dac8 : ±0
185 : #01c8da : +10
195 : #01a4da : +20
205 : #0180da : +30
215 : #015cda : +40
225 : #0137da : +50
235 : #0113da : +60
245 : #1301da : +70
255 : #3701da : +80
265 : #5c01da : +90
275 : #8001da : +100
285 : #a401da : +110
295 : #c801da : +120
305 : #da01c8 : +130
315 : #da01a4 : +140
325 : #da0180 : +150
335 : #da015c : +160
345 : #da0137 : +170
355 : #da0113 : +180
165 : #01daa4 : -10
166 : #01daa8 : -9
167 : #01daab : -8
168 : #01daaf : -7
169 : #01dab2 : -6
170 : #01dab6 : -5
171 : #01daba : -4
172 : #01dabd : -3
173 : #01dac1 : -2
174 : #01dac4 : -1
175 : #01dac8 : ±0
176 : #01dacc : +1
177 : #01dacf : +2
178 : #01dad3 : +3
179 : #01dad7 : +4
180 : #01dada : +5
181 : #01d7da : +6
182 : #01d3da : +7
183 : #01cfda : +8
184 : #01ccda : +9
185 : #01c8da : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6d6f6f : -98
3 : #6a7170 : -96
5 : #687372 : -94
7 : #667574 : -92
9 : #647876 : -90
11 : #627a78 : -88
13 : #5f7c7a : -86
15 : #5d7e7b : -84
17 : #5b807d : -82
19 : #59827f : -80
21 : #578581 : -78
23 : #548783 : -76
25 : #528984 : -74
27 : #508b86 : -72
29 : #4e8d88 : -70
31 : #4c908a : -68
33 : #49928c : -66
35 : #47948e : -64
37 : #45968f : -62
39 : #439891 : -60
41 : #419b93 : -58
43 : #3f9d95 : -56
45 : #3c9f97 : -54
47 : #3aa199 : -52
49 : #38a39a : -50
51 : #36a69c : -48
53 : #34a89e : -46
55 : #31aaa0 : -44
57 : #2faca2 : -42
59 : #2daea4 : -40
61 : #2bb1a5 : -38
63 : #29b3a7 : -36
65 : #26b5a9 : -34
67 : #24b7ab : -32
69 : #22b9ad : -30
71 : #20bcaf : -28
73 : #1ebeb0 : -26
75 : #1bc0b2 : -24
77 : #19c2b4 : -22
79 : #17c4b6 : -20
81 : #15c6b8 : -18
83 : #13c9b9 : -16
85 : #10cbbb : -14
87 : #0ecdbd : -12
89 : #0ccfbf : -10
91 : #0ad1c1 : -8
93 : #08d4c3 : -6
95 : #05d6c4 : -4
97 : #03d8c6 : -2
99 : #01dac8 : ±0
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #000505 : -42
3 : #000f0e : -40
5 : #001917 : -38
7 : #002421 : -36
9 : #002e2a : -34
11 : #003833 : -32
13 : #00423c : -30
15 : #004c46 : -28
17 : #00564f : -26
19 : #006058 : -24
21 : #016b62 : -22
23 : #01756b : -20
25 : #017f74 : -18
27 : #01897e : -16
29 : #019387 : -14
31 : #019d90 : -12
33 : #01a79a : -10
35 : #01b2a3 : -8
37 : #01bcac : -6
39 : #01c6b5 : -4
41 : #01d0bf : -2
43 : #01dac8 : ±0
45 : #01e4d1 : +2
47 : #01efdb : +4
49 : #01f9e4 : +6
51 : #06fee9 : +8
53 : #10feea : +10
55 : #1bfeeb : +12
57 : #25feec : +14
59 : #2ffeed : +16
61 : #39feee : +18
63 : #43feee : +20
65 : #4dfeef : +22
67 : #58fef0 : +24
69 : #62fef1 : +26
71 : #6cfef2 : +28
73 : #76fef3 : +30
75 : #80fef4 : +32
77 : #8afef5 : +34
79 : #94fef6 : +36
81 : #9ffff7 : +38
83 : #a9fff7 : +40
85 : #b3fff8 : +42
87 : #bdfff9 : +44
89 : #c7fffa : +46
91 : #d1fffb : +48
93 : #dbfffc : +50
95 : #e6fffd : +52
97 : #f0fffe : +54
99 : #faffff : +56
CSS入門、作ってます。
text-shadow