#0c0809
RGB ( 赤 = 12, 緑 = 8, 青 = 9 )
HSL ( 色相 = 345°, 彩度 = 20%, 明度 = 4% )
H : 色相 ( 345° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #0c0908 : -340
15 : #0c0908 : -330
25 : #0c0a08 : -320
35 : #0c0b08 : -310
45 : #0c0b08 : -300
55 : #0c0c08 : -290
65 : #0c0c08 : -280
75 : #0b0c08 : -270
85 : #0b0c08 : -260
95 : #0a0c08 : -250
105 : #090c08 : -240
115 : #090c08 : -230
125 : #080c09 : -220
135 : #080c09 : -210
145 : #080c0a : -200
155 : #080c0b : -190
165 : #080c0b : -180
175 : #080c0c : -170
185 : #080c0c : -160
195 : #080b0c : -150
205 : #080b0c : -140
215 : #080a0c : -130
225 : #08090c : -120
235 : #08090c : -110
245 : #09080c : -100
255 : #09080c : -90
265 : #0a080c : -80
275 : #0b080c : -70
285 : #0b080c : -60
295 : #0c080c : -50
305 : #0c080c : -40
315 : #0c080b : -30
325 : #0c080b : -20
335 : #0c080a : -10
345 : #0c0809 : ±0
355 : #0c0809 : +10
335 : #0c080a : -10
336 : #0c080a : -9
337 : #0c080a : -8
338 : #0c080a : -7
339 : #0c080a : -6
340 : #0c080a : -5
341 : #0c0809 : -4
342 : #0c0809 : -3
343 : #0c0809 : -2
344 : #0c0809 : -1
345 : #0c0809 : ±0
346 : #0c0809 : +1
347 : #0c0809 : +2
348 : #0c0809 : +3
349 : #0c0809 : +4
350 : #0c0809 : +5
351 : #0c0809 : +6
352 : #0c0809 : +7
353 : #0c0809 : +8
354 : #0c0809 : +9
355 : #0c0809 : +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 : #0c0909 : -6
16 : #0c0909 : -4
18 : #0c0809 : -2
20 : #0c0809 : ±0
22 : #0c0809 : +2
24 : #0d0809 : +4
26 : #0d0809 : +6
28 : #0d0709 : +8
30 : #0d0709 : +10
32 : #0d0709 : +12
34 : #0e0708 : +14
36 : #0e0708 : +16
38 : #0e0608 : +18
40 : #0e0608 : +20
42 : #0e0608 : +22
44 : #0f0608 : +24
46 : #0f0608 : +26
48 : #0f0508 : +28
50 : #0f0508 : +30
52 : #100508 : +32
54 : #100507 : +34
56 : #100407 : +36
58 : #100407 : +38
60 : #100407 : +40
62 : #110407 : +42
64 : #110407 : +44
66 : #110307 : +46
68 : #110307 : +48
70 : #110307 : +50
72 : #120307 : +52
74 : #120306 : +54
76 : #120206 : +56
78 : #120206 : +58
80 : #120206 : +60
82 : #130206 : +62
84 : #130206 : +64
86 : #130106 : +66
88 : #130106 : +68
90 : #130106 : +70
92 : #140106 : +72
94 : #140105 : +74
96 : #140005 : +76
98 : #140005 : +78
100 : #140005 : +80
L : 明度 ( 4% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -4
2 : #060405 : -2
4 : #0c0809 : ±0
6 : #120c0e : +2
8 : #181012 : +4
10 : #1f1417 : +6
12 : #25181c : +8
14 : #2b1d20 : +10
16 : #312125 : +12
18 : #372529 : +14
20 : #3d292e : +16
22 : #432d32 : +18
24 : #493137 : +20
26 : #50353c : +22
28 : #563940 : +24
30 : #5c3d45 : +26
32 : #624149 : +28
34 : #68454e : +30
36 : #6e4953 : +32
38 : #744e57 : +34
40 : #7a525c : +36
42 : #815660 : +38
44 : #875a65 : +40
46 : #8d5e6a : +42
48 : #93626e : +44
50 : #996673 : +46
52 : #9d6c78 : +48
54 : #a1727e : +50
56 : #a57884 : +52
58 : #a97e89 : +54
60 : #ad858f : +56
62 : #b18b94 : +58
64 : #b6919a : +60
66 : #ba97a0 : +62
68 : #be9da5 : +64
70 : #c2a3ab : +66
72 : #c6a9b0 : +68
74 : #caafb6 : +70
76 : #ceb6bc : +72
78 : #d2bcc1 : +74
80 : #d6c2c7 : +76
82 : #dac8cd : +78
84 : #deced2 : +80
86 : #e2d4d8 : +82
88 : #e7dadd : +84
90 : #ebe0e3 : +86
92 : #efe7e9 : +88
94 : #f3edee : +90
96 : #f7f3f4 : +92
98 : #fbf9f9 : +94
100 : #ffffff : +96
CSS入門、作ってます。
text-shadow