#0c1018
RGB ( 赤 = 12, 緑 = 16, 青 = 24 )
HSL ( 色相 = 220°, 彩度 = 33%, 明度 = 7% )
H : 色相 ( 220° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #180c0c : -220
10 : #180e0c : -210
20 : #18100c : -200
30 : #18120c : -190
40 : #18140c : -180
50 : #18160c : -170
60 : #18180c : -160
70 : #16180c : -150
80 : #14180c : -140
90 : #12180c : -130
100 : #10180c : -120
110 : #0e180c : -110
120 : #0c180c : -100
130 : #0c180e : -90
140 : #0c1810 : -80
150 : #0c1812 : -70
160 : #0c1814 : -60
170 : #0c1816 : -50
180 : #0c1818 : -40
190 : #0c1618 : -30
200 : #0c1418 : -20
210 : #0c1218 : -10
220 : #0c1018 : ±0
230 : #0c0e18 : +10
240 : #0c0c18 : +20
250 : #0e0c18 : +30
260 : #100c18 : +40
270 : #120c18 : +50
280 : #140c18 : +60
290 : #160c18 : +70
300 : #180c18 : +80
310 : #180c16 : +90
320 : #180c14 : +100
330 : #180c12 : +110
340 : #180c10 : +120
350 : #180c0e : +130
210 : #0c1218 : -10
211 : #0c1218 : -9
212 : #0c1118 : -8
213 : #0c1118 : -7
214 : #0c1118 : -6
215 : #0c1118 : -5
216 : #0c1118 : -4
217 : #0c1018 : -3
218 : #0c1018 : -2
219 : #0c1018 : -1
220 : #0c1018 : ±0
221 : #0c1018 : +1
222 : #0c0f18 : +2
223 : #0c0f18 : +3
224 : #0c0f18 : +4
225 : #0c0f18 : +5
226 : #0c0f18 : +6
227 : #0c0f18 : +7
228 : #0c0e18 : +8
229 : #0c0e18 : +9
230 : #0c0e18 : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #121212 : -32
3 : #111212 : -30
5 : #111213 : -28
7 : #111113 : -26
9 : #101113 : -24
11 : #101114 : -22
13 : #101114 : -20
15 : #0f1115 : -18
17 : #0f1115 : -16
19 : #0e1115 : -14
21 : #0e1116 : -12
23 : #0e1016 : -10
25 : #0d1016 : -8
27 : #0d1017 : -6
29 : #0d1017 : -4
31 : #0c1017 : -2
33 : #0c1018 : ±0
35 : #0c1018 : +2
37 : #0b1018 : +4
39 : #0b1019 : +6
41 : #0b0f19 : +8
43 : #0a0f1a : +10
45 : #0a0f1a : +12
47 : #090f1a : +14
49 : #090f1b : +16
51 : #090f1b : +18
53 : #080f1b : +20
55 : #080f1c : +22
57 : #080e1c : +24
59 : #070e1c : +26
61 : #070e1d : +28
63 : #070e1d : +30
65 : #060e1d : +32
67 : #060e1e : +34
69 : #060e1e : +36
71 : #050e1f : +38
73 : #050e1f : +40
75 : #040d1f : +42
77 : #040d20 : +44
79 : #040d20 : +46
81 : #030d20 : +48
83 : #030d21 : +50
85 : #030d21 : +52
87 : #020d21 : +54
89 : #020d22 : +56
91 : #020c22 : +58
93 : #010c22 : +60
95 : #010c23 : +62
97 : #010c23 : +64
99 : #000c24 : +66
L : 明度 ( 7% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -6
3 : #05070a : -4
5 : #090b11 : -2
7 : #0c1018 : ±0
9 : #0f141f : +2
11 : #131925 : +4
13 : #161e2c : +6
15 : #1a2233 : +8
17 : #1d273a : +10
19 : #202b40 : +12
21 : #243047 : +14
23 : #27344e : +16
25 : #2b3955 : +18
27 : #2e3d5c : +20
29 : #324262 : +22
31 : #354669 : +24
33 : #384b70 : +26
35 : #3c4f77 : +28
37 : #3f547d : +30
39 : #435984 : +32
41 : #465d8b : +34
43 : #496292 : +36
45 : #4d6699 : +38
47 : #506b9f : +40
49 : #546fa6 : +42
51 : #5974ab : +44
53 : #607aaf : +46
55 : #6680b2 : +48
57 : #6d85b6 : +50
59 : #748bb9 : +52
61 : #7b91bc : +54
63 : #8296c0 : +56
65 : #889cc3 : +58
67 : #8fa2c7 : +60
69 : #96a7ca : +62
71 : #9dadcd : +64
73 : #a3b3d1 : +66
75 : #aab8d4 : +68
77 : #b1bed8 : +70
79 : #b8c4db : +72
81 : #bfc9df : +74
83 : #c5cfe2 : +76
85 : #ccd5e5 : +78
87 : #d3dae9 : +80
89 : #dae0ec : +82
91 : #e0e6f0 : +84
93 : #e7ebf3 : +86
95 : #eef1f6 : +88
97 : #f5f7fa : +90
99 : #fcfcfd : +92
CSS入門、作ってます。
text-shadow