#12180b
RGB ( 赤 = 18, 緑 = 24, 青 = 11 )
HSL ( 色相 = 88°, 彩度 = 37%, 明度 = 7% )
H : 色相 ( 88° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #180d0b : -80
18 : #180f0b : -70
28 : #18110b : -60
38 : #18140b : -50
48 : #18160b : -40
58 : #18180b : -30
68 : #17180b : -20
78 : #14180b : -10
88 : #12180b : ±0
98 : #10180b : +10
108 : #0e180b : +20
118 : #0c180b : +30
128 : #0b180d : +40
138 : #0b180f : +50
148 : #0b1811 : +60
158 : #0b1814 : +70
168 : #0b1816 : +80
178 : #0b1818 : +90
188 : #0b1718 : +100
198 : #0b1418 : +110
208 : #0b1218 : +120
218 : #0b1018 : +130
228 : #0b0e18 : +140
238 : #0b0c18 : +150
248 : #0d0b18 : +160
258 : #0f0b18 : +170
268 : #110b18 : +180
278 : #140b18 : +190
288 : #160b18 : +200
298 : #180b18 : +210
308 : #180b17 : +220
318 : #180b14 : +230
328 : #180b12 : +240
338 : #180b10 : +250
348 : #180b0e : +260
358 : #180b0c : +270
78 : #14180b : -10
79 : #14180b : -9
80 : #14180b : -8
81 : #14180b : -7
82 : #14180b : -6
83 : #13180b : -5
84 : #13180b : -4
85 : #13180b : -3
86 : #13180b : -2
87 : #13180b : -1
88 : #12180b : ±0
89 : #12180b : +1
90 : #12180b : +2
91 : #12180b : +3
92 : #11180b : +4
93 : #11180b : +5
94 : #11180b : +6
95 : #11180b : +7
96 : #11180b : +8
97 : #10180b : +9
98 : #10180b : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #121212 : -36
3 : #121211 : -34
5 : #121311 : -32
7 : #121311 : -30
9 : #121310 : -28
11 : #121410 : -26
13 : #121410 : -24
15 : #12150f : -22
17 : #12150f : -20
19 : #12150e : -18
21 : #12160e : -16
23 : #12160e : -14
25 : #12160d : -12
27 : #12170d : -10
29 : #12170d : -8
31 : #12170c : -6
33 : #12180c : -4
35 : #12180c : -2
37 : #12180b : ±0
39 : #12190b : +2
41 : #12190b : +4
43 : #121a0a : +6
45 : #121a0a : +8
47 : #121a09 : +10
49 : #121b09 : +12
51 : #121b09 : +14
53 : #121b08 : +16
55 : #131c08 : +18
57 : #131c08 : +20
59 : #131c07 : +22
61 : #131d07 : +24
63 : #131d07 : +26
65 : #131d06 : +28
67 : #131e06 : +30
69 : #131e06 : +32
71 : #131f05 : +34
73 : #131f05 : +36
75 : #131f04 : +38
77 : #132004 : +40
79 : #132004 : +42
81 : #132003 : +44
83 : #132103 : +46
85 : #132103 : +48
87 : #132102 : +50
89 : #132202 : +52
91 : #132202 : +54
93 : #132201 : +56
95 : #132301 : +58
97 : #132301 : +60
99 : #132400 : +62
L : 明度 ( 7% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -6
3 : #080a05 : -4
5 : #0d1108 : -2
7 : #12180b : ±0
9 : #181f0e : +2
11 : #1d2612 : +4
13 : #222d15 : +6
15 : #273418 : +8
17 : #2c3b1b : +10
19 : #32421f : +12
21 : #374922 : +14
23 : #3c5025 : +16
25 : #415728 : +18
27 : #475e2b : +20
29 : #4c652f : +22
31 : #516c32 : +24
33 : #567335 : +26
35 : #5b7a38 : +28
37 : #61813b : +30
39 : #66883f : +32
41 : #6b8f42 : +34
43 : #709645 : +36
45 : #769d48 : +38
47 : #7ba44c : +40
49 : #80ab4f : +42
51 : #85b054 : +44
53 : #8ab35b : +46
55 : #8fb762 : +48
57 : #94ba69 : +50
59 : #99bd70 : +52
61 : #9ec077 : +54
63 : #a3c47e : +56
65 : #a8c785 : +58
67 : #adca8c : +60
69 : #b2cd93 : +62
71 : #b7d09a : +64
73 : #bcd4a1 : +66
75 : #c1d7a8 : +68
77 : #c6daaf : +70
79 : #cbddb6 : +72
81 : #d0e0bd : +74
83 : #d5e4c4 : +76
85 : #dae7cb : +78
87 : #dfead2 : +80
89 : #e4edd9 : +82
91 : #e9f1e0 : +84
93 : #eef4e7 : +86
95 : #f3f7ee : +88
97 : #f8faf5 : +90
99 : #fdfdfc : +92
CSS入門、作ってます。
text-shadow