#0c1814
RGB ( 赤 = 12, 緑 = 24, 青 = 20 )
HSL ( 色相 = 160°, 彩度 = 33%, 明度 = 7% )
H : 色相 ( 160° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #180c0c : -160
10 : #180e0c : -150
20 : #18100c : -140
30 : #18120c : -130
40 : #18140c : -120
50 : #18160c : -110
60 : #18180c : -100
70 : #16180c : -90
80 : #14180c : -80
90 : #12180c : -70
100 : #10180c : -60
110 : #0e180c : -50
120 : #0c180c : -40
130 : #0c180e : -30
140 : #0c1810 : -20
150 : #0c1812 : -10
160 : #0c1814 : ±0
170 : #0c1816 : +10
180 : #0c1818 : +20
190 : #0c1618 : +30
200 : #0c1418 : +40
210 : #0c1218 : +50
220 : #0c1018 : +60
230 : #0c0e18 : +70
240 : #0c0c18 : +80
250 : #0e0c18 : +90
260 : #100c18 : +100
270 : #120c18 : +110
280 : #140c18 : +120
290 : #160c18 : +130
300 : #180c18 : +140
310 : #180c16 : +150
320 : #180c14 : +160
330 : #180c12 : +170
340 : #180c10 : +180
350 : #180c0e : +190
150 : #0c1812 : -10
151 : #0c1812 : -9
152 : #0c1812 : -8
153 : #0c1812 : -7
154 : #0c1813 : -6
155 : #0c1813 : -5
156 : #0c1813 : -4
157 : #0c1813 : -3
158 : #0c1813 : -2
159 : #0c1814 : -1
160 : #0c1814 : ±0
161 : #0c1814 : +1
162 : #0c1814 : +2
163 : #0c1814 : +3
164 : #0c1815 : +4
165 : #0c1815 : +5
166 : #0c1815 : +6
167 : #0c1815 : +7
168 : #0c1815 : +8
169 : #0c1816 : +9
170 : #0c1816 : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #121212 : -32
3 : #111212 : -30
5 : #111312 : -28
7 : #111312 : -26
9 : #101312 : -24
11 : #101413 : -22
13 : #101413 : -20
15 : #0f1513 : -18
17 : #0f1513 : -16
19 : #0e1513 : -14
21 : #0e1613 : -12
23 : #0e1613 : -10
25 : #0d1613 : -8
27 : #0d1713 : -6
29 : #0d1714 : -4
31 : #0c1714 : -2
33 : #0c1814 : ±0
35 : #0c1814 : +2
37 : #0b1814 : +4
39 : #0b1914 : +6
41 : #0b1914 : +8
43 : #0a1a14 : +10
45 : #0a1a15 : +12
47 : #091a15 : +14
49 : #091b15 : +16
51 : #091b15 : +18
53 : #081b15 : +20
55 : #081c15 : +22
57 : #081c15 : +24
59 : #071c15 : +26
61 : #071d15 : +28
63 : #071d16 : +30
65 : #061d16 : +32
67 : #061e16 : +34
69 : #061e16 : +36
71 : #051f16 : +38
73 : #051f16 : +40
75 : #041f16 : +42
77 : #042016 : +44
79 : #042017 : +46
81 : #032017 : +48
83 : #032117 : +50
85 : #032117 : +52
87 : #022117 : +54
89 : #022217 : +56
91 : #022217 : +58
93 : #012217 : +60
95 : #012318 : +62
97 : #012318 : +64
99 : #002418 : +66
L : 明度 ( 7% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -6
3 : #050a08 : -4
5 : #09110e : -2
7 : #0c1814 : ±0
9 : #0f1f19 : +2
11 : #13251f : +4
13 : #162c25 : +6
15 : #1a332a : +8
17 : #1d3a30 : +10
19 : #204036 : +12
21 : #24473b : +14
23 : #274e41 : +16
25 : #2b5547 : +18
27 : #2e5c4c : +20
29 : #326252 : +22
31 : #356958 : +24
33 : #38705d : +26
35 : #3c7763 : +28
37 : #3f7d69 : +30
39 : #43846e : +32
41 : #468b74 : +34
43 : #49927a : +36
45 : #4d997f : +38
47 : #509f85 : +40
49 : #54a68b : +42
51 : #59ab90 : +44
53 : #60af94 : +46
55 : #66b299 : +48
57 : #6db69d : +50
59 : #74b9a2 : +52
61 : #7bbca6 : +54
63 : #82c0ab : +56
65 : #88c3b0 : +58
67 : #8fc7b4 : +60
69 : #96cab9 : +62
71 : #9dcdbd : +64
73 : #a3d1c2 : +66
75 : #aad4c6 : +68
77 : #b1d8cb : +70
79 : #b8dbcf : +72
81 : #bfdfd4 : +74
83 : #c5e2d8 : +76
85 : #cce5dd : +78
87 : #d3e9e1 : +80
89 : #daece6 : +82
91 : #e0f0eb : +84
93 : #e7f3ef : +86
95 : #eef6f4 : +88
97 : #f5faf8 : +90
99 : #fcfdfd : +92
CSS入門、作ってます。
text-shadow