#0c080a
RGB ( 赤 = 12, 緑 = 8, 青 = 10 )
HSL ( 色相 = 330°, 彩度 = 20%, 明度 = 4% )
H : 色相 ( 330° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #0c0808 : -330
10 : #0c0908 : -320
20 : #0c0a08 : -310
30 : #0c0a08 : -300
40 : #0c0b08 : -290
50 : #0c0c08 : -280
60 : #0c0c08 : -270
70 : #0c0c08 : -260
80 : #0b0c08 : -250
90 : #0a0c08 : -240
100 : #0a0c08 : -230
110 : #090c08 : -220
120 : #080c08 : -210
130 : #080c09 : -200
140 : #080c0a : -190
150 : #080c0a : -180
160 : #080c0b : -170
170 : #080c0c : -160
180 : #080c0c : -150
190 : #080c0c : -140
200 : #080b0c : -130
210 : #080a0c : -120
220 : #080a0c : -110
230 : #08090c : -100
240 : #08080c : -90
250 : #09080c : -80
260 : #0a080c : -70
270 : #0a080c : -60
280 : #0b080c : -50
290 : #0c080c : -40
300 : #0c080c : -30
310 : #0c080c : -20
320 : #0c080b : -10
330 : #0c080a : ±0
340 : #0c080a : +10
350 : #0c0809 : +20
320 : #0c080b : -10
321 : #0c080b : -9
322 : #0c080b : -8
323 : #0c080b : -7
324 : #0c080b : -6
325 : #0c080b : -5
326 : #0c080a : -4
327 : #0c080a : -3
328 : #0c080a : -2
329 : #0c080a : -1
330 : #0c080a : ±0
331 : #0c080a : +1
332 : #0c080a : +2
333 : #0c080a : +3
334 : #0c080a : +4
335 : #0c080a : +5
336 : #0c080a : +6
337 : #0c080a : +7
338 : #0c080a : +8
339 : #0c080a : +9
340 : #0c080a : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0a0a0a : -20
2 : #0a0a0a : -18
4 : #0b0a0a : -16
6 : #0b0a0a : -14
8 : #0b090a : -12
10 : #0b090a : -10
12 : #0b090a : -8
14 : #0c090a : -6
16 : #0c090a : -4
18 : #0c080a : -2
20 : #0c080a : ±0
22 : #0c080a : +2
24 : #0d080a : +4
26 : #0d080a : +6
28 : #0d070a : +8
30 : #0d070a : +10
32 : #0d070a : +12
34 : #0e070a : +14
36 : #0e070a : +16
38 : #0e060a : +18
40 : #0e060a : +20
42 : #0e060a : +22
44 : #0f060a : +24
46 : #0f060a : +26
48 : #0f050a : +28
50 : #0f050a : +30
52 : #10050a : +32
54 : #10050a : +34
56 : #10040a : +36
58 : #10040a : +38
60 : #10040a : +40
62 : #11040a : +42
64 : #11040a : +44
66 : #11030a : +46
68 : #11030a : +48
70 : #11030a : +50
72 : #12030a : +52
74 : #12030a : +54
76 : #12020a : +56
78 : #12020a : +58
80 : #12020a : +60
82 : #13020a : +62
84 : #13020a : +64
86 : #13010a : +66
88 : #13010a : +68
90 : #13010a : +70
92 : #14010a : +72
94 : #14010a : +74
96 : #14000a : +76
98 : #14000a : +78
100 : #14000a : +80
L : 明度 ( 4% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -4
2 : #060405 : -2
4 : #0c080a : ±0
6 : #120c0f : +2
8 : #181014 : +4
10 : #1f141a : +6
12 : #25181f : +8
14 : #2b1d24 : +10
16 : #312129 : +12
18 : #37252e : +14
20 : #3d2933 : +16
22 : #432d38 : +18
24 : #49313d : +20
26 : #503542 : +22
28 : #563947 : +24
30 : #5c3d4d : +26
32 : #624152 : +28
34 : #684557 : +30
36 : #6e495c : +32
38 : #744e61 : +34
40 : #7a5266 : +36
42 : #81566b : +38
44 : #875a70 : +40
46 : #8d5e75 : +42
48 : #93627a : +44
50 : #996680 : +46
52 : #9d6c85 : +48
54 : #a1728a : +50
56 : #a5788f : +52
58 : #a97e94 : +54
60 : #ad8599 : +56
62 : #b18b9e : +58
64 : #b691a3 : +60
66 : #ba97a8 : +62
68 : #be9dad : +64
70 : #c2a3b3 : +66
72 : #c6a9b8 : +68
74 : #caafbd : +70
76 : #ceb6c2 : +72
78 : #d2bcc7 : +74
80 : #d6c2cc : +76
82 : #dac8d1 : +78
84 : #deced6 : +80
86 : #e2d4db : +82
88 : #e7dae0 : +84
90 : #ebe0e6 : +86
92 : #efe7eb : +88
94 : #f3edf0 : +90
96 : #f7f3f5 : +92
98 : #fbf9fa : +94
100 : #ffffff : +96
CSS入門、作ってます。
text-shadow