#6c540c
RGB ( 赤 = 108, 緑 = 84, 青 = 12 )
HSL ( 色相 = 45°, 彩度 = 80%, 明度 = 24% )
H : 色相 ( 45° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #6e140c : -40
15 : #6e250c : -30
25 : #6e350c : -20
35 : #6e450c : -10
45 : #6e560c : ±0
55 : #6e660c : +10
65 : #666e0c : +20
75 : #566e0c : +30
85 : #456e0c : +40
95 : #356e0c : +50
105 : #256e0c : +60
115 : #146e0c : +70
125 : #0c6e14 : +80
135 : #0c6e25 : +90
145 : #0c6e35 : +100
155 : #0c6e45 : +110
165 : #0c6e56 : +120
175 : #0c6e66 : +130
185 : #0c666e : +140
195 : #0c566e : +150
205 : #0c456e : +160
215 : #0c356e : +170
225 : #0c256e : +180
235 : #0c146e : +190
245 : #140c6e : +200
255 : #250c6e : +210
265 : #350c6e : +220
275 : #450c6e : +230
285 : #560c6e : +240
295 : #660c6e : +250
305 : #6e0c66 : +260
315 : #6e0c56 : +270
325 : #6e0c45 : +280
335 : #6e0c35 : +290
345 : #6e0c25 : +300
355 : #6e0c14 : +310
35 : #6e450c : -10
36 : #6e470c : -9
37 : #6e490c : -8
38 : #6e4a0c : -7
39 : #6e4c0c : -6
40 : #6e4e0c : -5
41 : #6e4f0c : -4
42 : #6e510c : -3
43 : #6e520c : -2
44 : #6e540c : -1
45 : #6e560c : ±0
46 : #6e570c : +1
47 : #6e590c : +2
48 : #6e5b0c : +3
49 : #6e5c0c : +4
50 : #6e5e0c : +5
51 : #6e5f0c : +6
52 : #6e610c : +7
53 : #6e630c : +8
54 : #6e640c : +9
55 : #6e660c : +10
S : 彩度 ( 80% )
(0%) 渋い ～ 鮮やか (100%)
0 : #3d3d3d : -80
2 : #3e3e3c : -78
4 : #403e3b : -76
6 : #413f3a : -74
8 : #424038 : -72
10 : #434037 : -70
12 : #454136 : -68
14 : #464135 : -66
16 : #474233 : -64
18 : #484332 : -62
20 : #494331 : -60
22 : #4b4430 : -58
24 : #4c452f : -56
26 : #4d452d : -54
28 : #4e462c : -52
30 : #50462b : -50
32 : #51472a : -48
34 : #524828 : -46
36 : #534827 : -44
38 : #544926 : -42
40 : #564925 : -40
42 : #574a23 : -38
44 : #584b22 : -36
46 : #594b21 : -34
48 : #5b4c20 : -32
50 : #5c4d1f : -30
52 : #5d4d1d : -28
54 : #5e4e1c : -26
56 : #5f4e1b : -24
58 : #614f1a : -22
60 : #625018 : -20
62 : #635017 : -18
64 : #645116 : -16
66 : #665115 : -14
68 : #675214 : -12
70 : #685312 : -10
72 : #695311 : -8
74 : #6a5410 : -6
76 : #6c540f : -4
78 : #6d550d : -2
80 : #6e560c : ±0
82 : #6f560b : +2
84 : #71570a : +4
86 : #725809 : +6
88 : #735807 : +8
90 : #745906 : +10
92 : #765905 : +12
94 : #775a04 : +14
96 : #785b02 : +16
98 : #795b01 : +18
100 : #7a5c00 : +20
L : 明度 ( 24% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -24
2 : #090701 : -22
4 : #120e02 : -20
6 : #1c1503 : -18
8 : #251d04 : -16
10 : #2e2405 : -14
12 : #372b06 : -12
14 : #403207 : -10
16 : #493908 : -8
18 : #534009 : -6
20 : #5c470a : -4
22 : #654f0b : -2
24 : #6e560c : ±0
26 : #775d0d : +2
28 : #81640e : +4
30 : #8a6b0f : +6
32 : #937210 : +8
34 : #9c7911 : +10
36 : #a58112 : +12
38 : #ae8813 : +14
40 : #b88f14 : +16
42 : #c19615 : +18
44 : #ca9d16 : +20
46 : #d3a417 : +22
48 : #dcab18 : +24
50 : #e6b31a : +26
52 : #e7b623 : +28
54 : #e8b92c : +30
56 : #e9bc35 : +32
58 : #eabf3e : +34
60 : #ebc247 : +36
62 : #ecc551 : +38
64 : #edc85a : +40
66 : #eecb63 : +42
68 : #efce6c : +44
70 : #f0d175 : +46
72 : #f1d47e : +48
74 : #f2d788 : +50
76 : #f3da91 : +52
78 : #f4dd9a : +54
80 : #f5e0a3 : +56
82 : #f6e3ac : +58
84 : #f7e7b6 : +60
86 : #f8eabf : +62
88 : #f9edc8 : +64
90 : #faf0d1 : +66
92 : #fbf3da : +68
94 : #fcf6e3 : +70
96 : #fdf9ed : +72
98 : #fefcf6 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow