#0c080b
RGB ( 赤 = 12, 緑 = 8, 青 = 11 )
HSL ( 色相 = 315°, 彩度 = 20%, 明度 = 4% )
H : 色相 ( 315° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #0c0908 : -310
15 : #0c0908 : -300
25 : #0c0a08 : -290
35 : #0c0b08 : -280
45 : #0c0b08 : -270
55 : #0c0c08 : -260
65 : #0c0c08 : -250
75 : #0b0c08 : -240
85 : #0b0c08 : -230
95 : #0a0c08 : -220
105 : #090c08 : -210
115 : #090c08 : -200
125 : #080c09 : -190
135 : #080c09 : -180
145 : #080c0a : -170
155 : #080c0b : -160
165 : #080c0b : -150
175 : #080c0c : -140
185 : #080c0c : -130
195 : #080b0c : -120
205 : #080b0c : -110
215 : #080a0c : -100
225 : #08090c : -90
235 : #08090c : -80
245 : #09080c : -70
255 : #09080c : -60
265 : #0a080c : -50
275 : #0b080c : -40
285 : #0b080c : -30
295 : #0c080c : -20
305 : #0c080c : -10
315 : #0c080b : ±0
325 : #0c080b : +10
335 : #0c080a : +20
345 : #0c0809 : +30
355 : #0c0809 : +40
305 : #0c080c : -10
306 : #0c080c : -9
307 : #0c080c : -8
308 : #0c080c : -7
309 : #0c080c : -6
310 : #0c080c : -5
311 : #0c080b : -4
312 : #0c080b : -3
313 : #0c080b : -2
314 : #0c080b : -1
315 : #0c080b : ±0
316 : #0c080b : +1
317 : #0c080b : +2
318 : #0c080b : +3
319 : #0c080b : +4
320 : #0c080b : +5
321 : #0c080b : +6
322 : #0c080b : +7
323 : #0c080b : +8
324 : #0c080b : +9
325 : #0c080b : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0a0a0a : -20
2 : #0a0a0a : -18
4 : #0b0a0a : -16
6 : #0b0a0b : -14
8 : #0b090b : -12
10 : #0b090b : -10
12 : #0b090b : -8
14 : #0c090b : -6
16 : #0c090b : -4
18 : #0c080b : -2
20 : #0c080b : ±0
22 : #0c080b : +2
24 : #0d080b : +4
26 : #0d080c : +6
28 : #0d070c : +8
30 : #0d070c : +10
32 : #0d070c : +12
34 : #0e070c : +14
36 : #0e070c : +16
38 : #0e060c : +18
40 : #0e060c : +20
42 : #0e060c : +22
44 : #0f060c : +24
46 : #0f060d : +26
48 : #0f050d : +28
50 : #0f050d : +30
52 : #10050d : +32
54 : #10050d : +34
56 : #10040d : +36
58 : #10040d : +38
60 : #10040d : +40
62 : #11040d : +42
64 : #11040d : +44
66 : #11030e : +46
68 : #11030e : +48
70 : #11030e : +50
72 : #12030e : +52
74 : #12030e : +54
76 : #12020e : +56
78 : #12020e : +58
80 : #12020e : +60
82 : #13020e : +62
84 : #13020e : +64
86 : #13010f : +66
88 : #13010f : +68
90 : #13010f : +70
92 : #14010f : +72
94 : #14010f : +74
96 : #14000f : +76
98 : #14000f : +78
100 : #14000f : +80
L : 明度 ( 4% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -4
2 : #060406 : -2
4 : #0c080b : ±0
6 : #120c11 : +2
8 : #181016 : +4
10 : #1f141c : +6
12 : #251822 : +8
14 : #2b1d27 : +10
16 : #31212d : +12
18 : #372532 : +14
20 : #3d2938 : +16
22 : #432d3e : +18
24 : #493143 : +20
26 : #503549 : +22
28 : #56394f : +24
30 : #5c3d54 : +26
32 : #62415a : +28
34 : #68455f : +30
36 : #6e4965 : +32
38 : #744e6b : +34
40 : #7a5270 : +36
42 : #815676 : +38
44 : #875a7b : +40
46 : #8d5e81 : +42
48 : #936287 : +44
50 : #99668c : +46
52 : #9d6c91 : +48
54 : #a17295 : +50
56 : #a5789a : +52
58 : #a97e9f : +54
60 : #ad85a3 : +56
62 : #b18ba8 : +58
64 : #b691ac : +60
66 : #ba97b1 : +62
68 : #be9db6 : +64
70 : #c2a3ba : +66
72 : #c6a9bf : +68
74 : #caafc3 : +70
76 : #ceb6c8 : +72
78 : #d2bccd : +74
80 : #d6c2d1 : +76
82 : #dac8d6 : +78
84 : #deceda : +80
86 : #e2d4df : +82
88 : #e7dae3 : +84
90 : #ebe0e8 : +86
92 : #efe7ed : +88
94 : #f3edf1 : +90
96 : #f7f3f6 : +92
98 : #fbf9fa : +94
100 : #ffffff : +96
CSS入門、作ってます。
text-shadow