#12dfe2
RGB
| 赤 | 18 |
|---|---|
| 緑 | 223 |
| 青 | 226 |
HSL
| 色相 | 181° |
|---|---|
| 彩度 | 85% |
| 明度 | 48% |
| 輝度 | 64% |
３桁の色
補色
反転色
RGB ( 赤 = 18, 緑 = 223, 青 = 226 )
HSL ( 色相 = 181°, 彩度 = 85%, 明度 = 48% )
H : 色相 ( 181° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #e21612 : -180
11 : #e23912 : -170
21 : #e25b12 : -160
31 : #e27e12 : -150
41 : #e2a112 : -140
51 : #e2c312 : -130
61 : #dfe212 : -120
71 : #bce212 : -110
81 : #9ae212 : -100
91 : #77e212 : -90
101 : #54e212 : -80
111 : #32e212 : -70
121 : #12e216 : -60
131 : #12e239 : -50
141 : #12e25b : -40
151 : #12e27e : -30
161 : #12e2a1 : -20
171 : #12e2c3 : -10
181 : #12dfe2 : ±0
191 : #12bce2 : +10
201 : #129ae2 : +20
211 : #1277e2 : +30
221 : #1254e2 : +40
231 : #1232e2 : +50
241 : #1612e2 : +60
251 : #3912e2 : +70
261 : #5b12e2 : +80
271 : #7e12e2 : +90
281 : #a112e2 : +100
291 : #c312e2 : +110
301 : #e212df : +120
311 : #e212bc : +130
321 : #e2129a : +140
331 : #e21277 : +150
341 : #e21254 : +160
351 : #e21232 : +170
171 : #12e2c3 : -10
172 : #12e2c7 : -9
173 : #12e2ca : -8
174 : #12e2ce : -7
175 : #12e2d1 : -6
176 : #12e2d5 : -5
177 : #12e2d8 : -4
178 : #12e2dc : -3
179 : #12e2df : -2
180 : #12e2e2 : -1
181 : #12dfe2 : ±0
182 : #12dce2 : +1
183 : #12d8e2 : +2
184 : #12d5e2 : +3
185 : #12d1e2 : +4
186 : #12cee2 : +5
187 : #12cae2 : +6
188 : #12c7e2 : +7
189 : #12c3e2 : +8
190 : #12c0e2 : +9
191 : #12bce2 : +10
S : 彩度 ( 85% )
(0%) 渋い ～ 鮮やか (100%)
1 : #797c7c : -84
3 : #777e7e : -82
5 : #748081 : -80
7 : #728383 : -78
9 : #6f8585 : -76
11 : #6d8788 : -74
13 : #6a8a8a : -72
15 : #688c8d : -70
17 : #668f8f : -68
19 : #639192 : -66
21 : #619394 : -64
23 : #5e9697 : -62
25 : #5c9899 : -60
27 : #599a9b : -58
29 : #579d9e : -56
31 : #549fa0 : -54
33 : #52a1a3 : -52
35 : #50a4a5 : -50
37 : #4da6a8 : -48
39 : #4ba9aa : -46
41 : #48abad : -44
43 : #46adaf : -42
45 : #43b0b1 : -40
47 : #41b2b4 : -38
49 : #3eb4b6 : -36
51 : #3cb7b9 : -34
53 : #3ab9bb : -32
55 : #37bbbe : -30
57 : #35bec0 : -28
59 : #32c0c3 : -26
61 : #30c3c5 : -24
63 : #2dc5c8 : -22
65 : #2bc7ca : -20
67 : #28cacc : -18
69 : #26cccf : -16
71 : #23ced1 : -14
73 : #21d1d4 : -12
75 : #1fd3d6 : -10
77 : #1cd6d9 : -8
79 : #1ad8db : -6
81 : #17dade : -4
83 : #15dde0 : -2
85 : #12dfe2 : ±0
87 : #10e1e5 : +2
89 : #0de4e7 : +4
91 : #0be6ea : +6
93 : #09e8ec : +8
95 : #06ebef : +10
97 : #04edf1 : +12
99 : #01f0f4 : +14
L : 明度 ( 48% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -48
2 : #010909 : -46
4 : #021313 : -44
6 : #021c1c : -42
8 : #032526 : -40
10 : #042e2f : -38
12 : #053839 : -36
14 : #054142 : -34
16 : #064a4b : -32
18 : #075455 : -30
20 : #085d5e : -28
22 : #086668 : -26
24 : #096f71 : -24
26 : #0a797b : -22
28 : #0b8284 : -20
30 : #0b8b8e : -18
32 : #0c9597 : -16
34 : #0d9ea0 : -14
36 : #0ea7aa : -12
38 : #0fb1b3 : -10
40 : #0fbabd : -8
42 : #10c3c6 : -6
44 : #11ccd0 : -4
46 : #12d6d9 : -2
48 : #12dfe2 : ±0
50 : #13e8ec : +2
52 : #1de9ed : +4
54 : #26eaed : +6
56 : #2febee : +8
58 : #39ecef : +10
60 : #42edf0 : +12
62 : #4ceef0 : +14
64 : #55eff1 : +16
66 : #5ff0f2 : +18
68 : #68f0f3 : +20
70 : #71f1f4 : +22
72 : #7bf2f4 : +24
74 : #84f3f5 : +26
76 : #8ef4f6 : +28
78 : #97f5f7 : +30
80 : #a1f6f7 : +32
82 : #aaf7f8 : +34
84 : #b4f8f9 : +36
86 : #bdf9fa : +38
88 : #c6fafa : +40
90 : #d0fafb : +42
92 : #d9fbfc : +44
94 : #e3fcfd : +46
96 : #ecfdfd : +48
98 : #f6fefe : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow