#6c180e
RGB ( 赤 = 108, 緑 = 24, 青 = 14 )
HSL ( 色相 = 6°, 彩度 = 77%, 明度 = 24% )
H : 色相 ( 6° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6c180e : ±0
16 : #6c270e : +10
26 : #6c370e : +20
36 : #6c470e : +30
46 : #6c560e : +40
56 : #6c660e : +50
66 : #636c0e : +60
76 : #536c0e : +70
86 : #436c0e : +80
96 : #346c0e : +90
106 : #246c0e : +100
116 : #146c0e : +110
126 : #0e6c18 : +120
136 : #0e6c27 : +130
146 : #0e6c37 : +140
156 : #0e6c47 : +150
166 : #0e6c56 : +160
176 : #0e6c66 : +170
186 : #0e636c : +180
196 : #0e536c : +190
206 : #0e436c : +200
216 : #0e346c : +210
226 : #0e246c : +220
236 : #0e146c : +230
246 : #180e6c : +240
256 : #270e6c : +250
266 : #370e6c : +260
276 : #470e6c : +270
286 : #560e6c : +280
296 : #660e6c : +290
306 : #6c0e63 : +300
316 : #6c0e53 : +310
326 : #6c0e43 : +320
336 : #6c0e34 : +330
346 : #6c0e24 : +340
356 : #6c0e14 : +350
356 : #6c0e14 : +350
357 : #6c0e13 : +351
358 : #6c0e11 : +352
359 : #6c0e10 : +353
0 : #6c0e0e : -6
1 : #6c100e : -5
2 : #6c110e : -4
3 : #6c130e : -3
4 : #6c140e : -2
5 : #6c160e : -1
6 : #6c180e : ±0
7 : #6c190e : +1
8 : #6c1b0e : +2
9 : #6c1c0e : +3
10 : #6c1e0e : +4
11 : #6c1f0e : +5
12 : #6c210e : +6
13 : #6c220e : +7
14 : #6c240e : +8
15 : #6c260e : +9
16 : #6c270e : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3e3d3d : -76
3 : #3f3c3b : -74
5 : #403b3a : -72
7 : #413a39 : -70
9 : #433938 : -68
11 : #443836 : -66
13 : #453735 : -64
15 : #463634 : -62
17 : #483533 : -60
19 : #493432 : -58
21 : #4a3330 : -56
23 : #4b322f : -54
25 : #4d312e : -52
27 : #4e302d : -50
29 : #4f2f2b : -48
31 : #502e2a : -46
33 : #512d29 : -44
35 : #532c28 : -42
37 : #542b27 : -40
39 : #552a25 : -38
41 : #562924 : -36
43 : #582823 : -34
45 : #592722 : -32
47 : #5a2620 : -30
49 : #5b251f : -28
51 : #5c241e : -26
53 : #5e231d : -24
55 : #5f221c : -22
57 : #60211a : -20
59 : #612019 : -18
61 : #631f18 : -16
63 : #641e17 : -14
65 : #651d15 : -12
67 : #661c14 : -10
69 : #671b13 : -8
71 : #691a12 : -6
73 : #6a1911 : -4
75 : #6b180f : -2
77 : #6c180e : ±0
79 : #6e170d : +2
81 : #6f160c : +4
83 : #70150a : +6
85 : #711409 : +8
87 : #721308 : +10
89 : #741207 : +12
91 : #751106 : +14
93 : #761004 : +16
95 : #770f03 : +18
97 : #790e02 : +20
99 : #7a0d01 : +22
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #090201 : -22
4 : #120402 : -20
6 : #1b0604 : -18
8 : #240805 : -16
10 : #2d0a06 : -14
12 : #360c07 : -12
14 : #3f0e08 : -10
16 : #481009 : -8
18 : #51120b : -6
20 : #5a140c : -4
22 : #63160d : -2
24 : #6c180e : ±0
26 : #75190f : +2
28 : #7e1b10 : +4
30 : #871d12 : +6
32 : #901f13 : +8
34 : #992114 : +10
36 : #a22315 : +12
38 : #ac2516 : +14
40 : #b52717 : +16
42 : #be2919 : +18
44 : #c72b1a : +20
46 : #d02d1b : +22
48 : #d92f1c : +24
50 : #e2311d : +26
52 : #e33926 : +28
54 : #e4412f : +30
56 : #e54a38 : +32
58 : #e65241 : +34
60 : #e85a4a : +36
62 : #e96253 : +38
64 : #ea6b5d : +40
66 : #eb7366 : +42
68 : #ec7b6f : +44
70 : #ed8378 : +46
72 : #ef8c81 : +48
74 : #f0948a : +50
76 : #f19c93 : +52
78 : #f2a49c : +54
80 : #f3ada5 : +56
82 : #f4b5ae : +58
84 : #f6bdb7 : +60
86 : #f7c5c0 : +62
88 : #f8cec9 : +64
90 : #f9d6d2 : +66
92 : #fadedb : +68
94 : #fbe6e4 : +70
96 : #fdefed : +72
98 : #fef7f6 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow