#0c1609
RGB ( 赤 = 12, 緑 = 22, 青 = 9 )
HSL ( 色相 = 106°, 彩度 = 42%, 明度 = 6% )
H : 色相 ( 106° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #160a09 : -100
16 : #160c09 : -90
26 : #160e09 : -80
36 : #161109 : -70
46 : #161309 : -60
56 : #161509 : -50
66 : #141609 : -40
76 : #121609 : -30
86 : #101609 : -20
96 : #0e1609 : -10
106 : #0c1609 : ±0
116 : #0a1609 : +10
126 : #09160a : +20
136 : #09160c : +30
146 : #09160e : +40
156 : #091611 : +50
166 : #091613 : +60
176 : #091615 : +70
186 : #091416 : +80
196 : #091216 : +90
206 : #091016 : +100
216 : #090e16 : +110
226 : #090c16 : +120
236 : #090a16 : +130
246 : #0a0916 : +140
256 : #0c0916 : +150
266 : #0e0916 : +160
276 : #110916 : +170
286 : #130916 : +180
296 : #150916 : +190
306 : #160914 : +200
316 : #160912 : +210
326 : #160910 : +220
336 : #16090e : +230
346 : #16090c : +240
356 : #16090a : +250
96 : #0e1609 : -10
97 : #0e1609 : -9
98 : #0e1609 : -8
99 : #0d1609 : -7
100 : #0d1609 : -6
101 : #0d1609 : -5
102 : #0d1609 : -4
103 : #0d1609 : -3
104 : #0c1609 : -2
105 : #0c1609 : -1
106 : #0c1609 : ±0
107 : #0c1609 : +1
108 : #0b1609 : +2
109 : #0b1609 : +3
110 : #0b1609 : +4
111 : #0b1609 : +5
112 : #0b1609 : +6
113 : #0a1609 : +7
114 : #0a1609 : +8
115 : #0a1609 : +9
116 : #0a1609 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0f0f0f : -42
2 : #0f100f : -40
4 : #0f100f : -38
6 : #0f100e : -36
8 : #0f110e : -34
10 : #0e110e : -32
12 : #0e110d : -30
14 : #0e110d : -28
16 : #0e120d : -26
18 : #0e120d : -24
20 : #0e120c : -22
22 : #0e130c : -20
24 : #0d130c : -18
26 : #0d130b : -16
28 : #0d140b : -14
30 : #0d140b : -12
32 : #0d140a : -10
34 : #0d150a : -8
36 : #0c150a : -6
38 : #0c1509 : -4
40 : #0c1509 : -2
42 : #0c1609 : ±0
44 : #0c1609 : +2
46 : #0c1608 : +4
48 : #0b1708 : +6
50 : #0b1708 : +8
52 : #0b1707 : +10
54 : #0b1807 : +12
56 : #0b1807 : +14
58 : #0b1806 : +16
60 : #0a1806 : +18
62 : #0a1906 : +20
64 : #0a1906 : +22
66 : #0a1905 : +24
68 : #0a1a05 : +26
70 : #0a1a05 : +28
72 : #091a04 : +30
74 : #091b04 : +32
76 : #091b04 : +34
78 : #091b03 : +36
80 : #091c03 : +38
82 : #091c03 : +40
84 : #081c02 : +42
86 : #081c02 : +44
88 : #081d02 : +46
90 : #081d02 : +48
92 : #081d01 : +50
94 : #081e01 : +52
96 : #071e01 : +54
98 : #071e00 : +56
100 : #071f00 : +58
L : 明度 ( 6% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -6
2 : #040703 : -4
4 : #080e06 : -2
6 : #0c1609 : ±0
8 : #101d0c : +2
10 : #14240f : +4
12 : #182b12 : +6
14 : #1c3315 : +8
16 : #203a18 : +10
18 : #24411b : +12
20 : #28481e : +14
22 : #2c5021 : +16
24 : #2f5723 : +18
26 : #335e26 : +20
28 : #376529 : +22
30 : #3b6d2c : +24
32 : #3f742f : +26
34 : #437b32 : +28
36 : #478235 : +30
38 : #4b8a38 : +32
40 : #4f913b : +34
42 : #53983e : +36
44 : #579f41 : +38
46 : #5ba744 : +40
48 : #5fae47 : +42
50 : #63b54a : +44
52 : #69b851 : +46
54 : #6fbb58 : +48
56 : #76be60 : +50
58 : #7cc167 : +52
60 : #82c46e : +54
62 : #88c775 : +56
64 : #8fca7d : +58
66 : #95cd84 : +60
68 : #9bd08b : +62
70 : #a1d392 : +64
72 : #a8d69a : +66
74 : #aed9a1 : +68
76 : #b4dca8 : +70
78 : #badeaf : +72
80 : #c1e1b7 : +74
82 : #c7e4be : +76
84 : #cde7c5 : +78
86 : #d3eacc : +80
88 : #daedd4 : +82
90 : #e0f0db : +84
92 : #e6f3e2 : +86
94 : #ecf6e9 : +88
96 : #f3f9f1 : +90
98 : #f9fcf8 : +92
100 : #ffffff : +94
CSS入門、作ってます。
text-shadow