#0c1710
RGB ( 赤 = 12, 緑 = 23, 青 = 16 )
HSL ( 色相 = 142°, 彩度 = 31%, 明度 = 7% )
H : 色相 ( 142° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #170d0c : -140
12 : #170f0c : -130
22 : #17100c : -120
32 : #17120c : -110
42 : #17140c : -100
52 : #17160c : -90
62 : #17170c : -80
72 : #15170c : -70
82 : #13170c : -60
92 : #11170c : -50
102 : #10170c : -40
112 : #0e170c : -30
122 : #0c170d : -20
132 : #0c170f : -10
142 : #0c1710 : ±0
152 : #0c1712 : +10
162 : #0c1714 : +20
172 : #0c1716 : +30
182 : #0c1717 : +40
192 : #0c1517 : +50
202 : #0c1317 : +60
212 : #0c1117 : +70
222 : #0c1017 : +80
232 : #0c0e17 : +90
242 : #0d0c17 : +100
252 : #0f0c17 : +110
262 : #100c17 : +120
272 : #120c17 : +130
282 : #140c17 : +140
292 : #160c17 : +150
302 : #170c17 : +160
312 : #170c15 : +170
322 : #170c13 : +180
332 : #170c11 : +190
342 : #170c10 : +200
352 : #170c0e : +210
132 : #0c170f : -10
133 : #0c170f : -9
134 : #0c170f : -8
135 : #0c170f : -7
136 : #0c170f : -6
137 : #0c170f : -5
138 : #0c1710 : -4
139 : #0c1710 : -3
140 : #0c1710 : -2
141 : #0c1710 : -1
142 : #0c1710 : ±0
143 : #0c1711 : +1
144 : #0c1711 : +2
145 : #0c1711 : +3
146 : #0c1711 : +4
147 : #0c1711 : +5
148 : #0c1711 : +6
149 : #0c1712 : +7
150 : #0c1712 : +8
151 : #0c1712 : +9
152 : #0c1712 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #121212 : -30
3 : #111212 : -28
5 : #111312 : -26
7 : #111312 : -24
9 : #101311 : -22
11 : #101411 : -20
13 : #101411 : -18
15 : #0f1511 : -16
17 : #0f1511 : -14
19 : #0e1511 : -12
21 : #0e1611 : -10
23 : #0e1611 : -8
25 : #0d1611 : -6
27 : #0d1711 : -4
29 : #0d1710 : -2
31 : #0c1710 : ±0
33 : #0c1810 : +2
35 : #0c1810 : +4
37 : #0b1810 : +6
39 : #0b1910 : +8
41 : #0b1910 : +10
43 : #0a1a10 : +12
45 : #0a1a10 : +14
47 : #091a10 : +16
49 : #091b10 : +18
51 : #091b0f : +20
53 : #081b0f : +22
55 : #081c0f : +24
57 : #081c0f : +26
59 : #071c0f : +28
61 : #071d0f : +30
63 : #071d0f : +32
65 : #061d0f : +34
67 : #061e0f : +36
69 : #061e0f : +38
71 : #051f0e : +40
73 : #051f0e : +42
75 : #041f0e : +44
77 : #04200e : +46
79 : #04200e : +48
81 : #03200e : +50
83 : #03210e : +52
85 : #03210e : +54
87 : #02210e : +56
89 : #02220e : +58
91 : #02220e : +60
93 : #01220d : +62
95 : #01230d : +64
97 : #01230d : +66
99 : #00240d : +68
L : 明度 ( 7% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -6
3 : #050a07 : -4
5 : #09110c : -2
7 : #0c1710 : ±0
9 : #101e15 : +2
11 : #13251a : +4
13 : #172b1e : +6
15 : #1a3223 : +8
17 : #1e3928 : +10
19 : #213f2c : +12
21 : #254631 : +14
23 : #284d36 : +16
25 : #2c543a : +18
27 : #305a3f : +20
29 : #336144 : +22
31 : #376849 : +24
33 : #3a6e4d : +26
35 : #3e7552 : +28
37 : #417c57 : +30
39 : #45825b : +32
41 : #488960 : +34
43 : #4c9065 : +36
45 : #4f9669 : +38
47 : #539d6e : +40
49 : #56a473 : +42
51 : #5ba978 : +44
53 : #62ac7d : +46
55 : #69b083 : +48
57 : #6fb388 : +50
59 : #76b78e : +52
61 : #7dba93 : +54
63 : #83be99 : +56
65 : #8ac19e : +58
67 : #91c5a4 : +60
69 : #97c8a9 : +62
71 : #9eccaf : +64
73 : #a5cfb4 : +66
75 : #abd3ba : +68
77 : #b2d7c0 : +70
79 : #b9dac5 : +72
81 : #c0decb : +74
83 : #c6e1d0 : +76
85 : #cde5d6 : +78
87 : #d4e8db : +80
89 : #daece1 : +82
91 : #e1efe6 : +84
93 : #e8f3ec : +86
95 : #eef6f1 : +88
97 : #f5faf7 : +90
99 : #fcfdfc : +92
CSS入門、作ってます。
text-shadow