#122426
RGB ( 赤 = 18, 緑 = 36, 青 = 38 )
HSL ( 色相 = 186°, 彩度 = 36%, 明度 = 11% )
H : 色相 ( 186° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #261412 : -180
16 : #261712 : -170
26 : #261b12 : -160
36 : #261e12 : -150
46 : #262112 : -140
56 : #262512 : -130
66 : #242612 : -120
76 : #212612 : -110
86 : #1d2612 : -100
96 : #1a2612 : -90
106 : #172612 : -80
116 : #132612 : -70
126 : #122614 : -60
136 : #122617 : -50
146 : #12261b : -40
156 : #12261e : -30
166 : #122621 : -20
176 : #122625 : -10
186 : #122426 : ±0
196 : #122126 : +10
206 : #121d26 : +20
216 : #121a26 : +30
226 : #121726 : +40
236 : #121326 : +50
246 : #141226 : +60
256 : #171226 : +70
266 : #1b1226 : +80
276 : #1e1226 : +90
286 : #211226 : +100
296 : #251226 : +110
306 : #261224 : +120
316 : #261221 : +130
326 : #26121d : +140
336 : #26121a : +150
346 : #261217 : +160
356 : #261213 : +170
176 : #122625 : -10
177 : #122625 : -9
178 : #122625 : -8
179 : #122626 : -7
180 : #122626 : -6
181 : #122626 : -5
182 : #122526 : -4
183 : #122526 : -3
184 : #122526 : -2
185 : #122426 : -1
186 : #122426 : ±0
187 : #122426 : +1
188 : #122326 : +2
189 : #122326 : +3
190 : #122326 : +4
191 : #122226 : +5
192 : #122226 : +6
193 : #122226 : +7
194 : #122126 : +8
195 : #122126 : +9
196 : #122126 : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1c1c1c : -36
2 : #1b1c1d : -34
4 : #1b1d1d : -32
6 : #1a1d1e : -30
8 : #1a1e1e : -28
10 : #191e1f : -26
12 : #191f1f : -24
14 : #181f20 : -22
16 : #182021 : -20
18 : #172021 : -18
20 : #162122 : -16
22 : #162122 : -14
24 : #152123 : -12
26 : #152223 : -10
28 : #142224 : -8
30 : #142324 : -6
32 : #132325 : -4
34 : #132426 : -2
36 : #122426 : ±0
38 : #112527 : +2
40 : #112527 : +4
42 : #102528 : +6
44 : #102628 : +8
46 : #0f2629 : +10
48 : #0f272a : +12
50 : #0e272a : +14
52 : #0d282b : +16
54 : #0d282b : +18
56 : #0c292c : +20
58 : #0c292c : +22
60 : #0b2a2d : +24
62 : #0b2a2d : +26
64 : #0a2a2e : +28
66 : #0a2b2f : +30
68 : #092b2f : +32
70 : #082c30 : +34
72 : #082c30 : +36
74 : #072d31 : +38
76 : #072d31 : +40
78 : #062e32 : +42
80 : #062e32 : +44
82 : #052e33 : +46
84 : #042f34 : +48
86 : #042f34 : +50
88 : #033035 : +52
90 : #033035 : +54
92 : #023136 : +56
94 : #023136 : +58
96 : #013237 : +60
98 : #013238 : +62
100 : #003238 : +64
L : 明度 ( 11% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -10
3 : #050a0a : -8
5 : #081011 : -6
7 : #0b1718 : -4
9 : #0f1e1f : -2
11 : #122426 : ±0
13 : #152b2d : +2
15 : #183134 : +4
17 : #1c383b : +6
19 : #1f3e42 : +8
21 : #224549 : +10
23 : #264c50 : +12
25 : #295257 : +14
27 : #2c595e : +16
29 : #2f5f65 : +18
31 : #33666c : +20
33 : #366c72 : +22
35 : #397379 : +24
37 : #3c7a80 : +26
39 : #408087 : +28
41 : #43878e : +30
43 : #468d95 : +32
45 : #49949c : +34
47 : #4d9aa3 : +36
49 : #50a1aa : +38
51 : #55a6af : +40
53 : #5caab2 : +42
55 : #63adb6 : +44
57 : #6ab1b9 : +46
59 : #71b5bc : +48
61 : #78b8bf : +50
63 : #7fbcc3 : +52
65 : #86bfc6 : +54
67 : #8dc3c9 : +56
69 : #93c7cc : +58
71 : #9acad0 : +60
73 : #a1ced3 : +62
75 : #a8d2d6 : +64
77 : #afd5d9 : +66
79 : #b6d9dd : +68
81 : #bddde0 : +70
83 : #c4e0e3 : +72
85 : #cbe4e7 : +74
87 : #d2e7ea : +76
89 : #d9ebed : +78
91 : #e0eff0 : +80
93 : #e7f2f4 : +82
95 : #eef6f7 : +84
97 : #f5fafa : +86
99 : #fcfdfd : +88
CSS入門、作ってます。
text-shadow