#8c6f17
RGB ( 赤 = 140, 緑 = 111, 青 = 23 )
HSL ( 色相 = 45°, 彩度 = 72%, 明度 = 32% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8c2117 : -40
15 : #8c3417 : -30
25 : #8c4817 : -20
35 : #8c5b17 : -10
45 : #8c6f17 : ±0
55 : #8c8317 : +10
65 : #838c17 : +20
75 : #6f8c17 : +30
85 : #5b8c17 : +40
95 : #488c17 : +50
105 : #348c17 : +60
115 : #218c17 : +70
125 : #178c21 : +80
135 : #178c34 : +90
145 : #178c48 : +100
155 : #178c5b : +110
165 : #178c6f : +120
175 : #178c83 : +130
185 : #17838c : +140
195 : #176f8c : +150
205 : #175b8c : +160
215 : #17488c : +170
225 : #17348c : +180
235 : #17218c : +190
245 : #21178c : +200
255 : #34178c : +210
265 : #48178c : +220
275 : #5b178c : +230
285 : #6f178c : +240
295 : #83178c : +250
305 : #8c1783 : +260
315 : #8c176f : +270
325 : #8c175b : +280
335 : #8c1748 : +290
345 : #8c1734 : +300
355 : #8c1721 : +310
35 : #8c5b17 : -10
36 : #8c5d17 : -9
37 : #8c5f17 : -8
38 : #8c6117 : -7
39 : #8c6317 : -6
40 : #8c6517 : -5
41 : #8c6717 : -4
42 : #8c6917 : -3
43 : #8c6b17 : -2
44 : #8c6d17 : -1
45 : #8c6f17 : ±0
46 : #8c7117 : +1
47 : #8c7317 : +2
48 : #8c7517 : +3
49 : #8c7717 : +4
50 : #8c7917 : +5
51 : #8c7b17 : +6
52 : #8c7d17 : +7
53 : #8c7f17 : +8
54 : #8c8117 : +9
55 : #8c8317 : +10
S : 彩度 ( 72% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -72
2 : #535250 : -70
4 : #55534e : -68
6 : #56544d : -66
8 : #58554b : -64
10 : #5a5649 : -62
12 : #5b5648 : -60
14 : #5d5746 : -58
16 : #5f5845 : -56
18 : #605943 : -54
20 : #625a41 : -52
22 : #645b40 : -50
24 : #655b3e : -48
26 : #675c3c : -46
28 : #685d3b : -44
30 : #6a5e39 : -42
32 : #6c5f37 : -40
34 : #6d5f36 : -38
36 : #6f6034 : -36
38 : #716133 : -34
40 : #726231 : -32
42 : #74632f : -30
44 : #76642e : -28
46 : #77642c : -26
48 : #79652a : -24
50 : #7a6629 : -22
52 : #7c6727 : -20
54 : #7e6826 : -18
56 : #7f6824 : -16
58 : #816922 : -14
60 : #836a21 : -12
62 : #846b1f : -10
64 : #866c1d : -8
66 : #876d1c : -6
68 : #896d1a : -4
70 : #8b6e18 : -2
72 : #8c6f17 : ±0
74 : #8e7015 : +2
76 : #907114 : +4
78 : #917112 : +6
80 : #937210 : +8
82 : #95730f : +10
84 : #96740d : +12
86 : #98750b : +14
88 : #99760a : +16
90 : #9b7608 : +18
92 : #9d7707 : +20
94 : #9e7805 : +22
96 : #a07903 : +24
98 : #a27a02 : +26
100 : #a37a00 : +28
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #090701 : -30
4 : #120e03 : -28
6 : #1a1504 : -26
8 : #231c06 : -24
10 : #2c2307 : -22
12 : #352a09 : -20
14 : #3d310a : -18
16 : #46370b : -16
18 : #4f3e0d : -14
20 : #58450e : -12
22 : #604c10 : -10
24 : #695311 : -8
26 : #725a13 : -6
28 : #7b6114 : -4
30 : #846815 : -2
32 : #8c6f17 : ±0
34 : #957618 : +2
36 : #9e7d1a : +4
38 : #a7841b : +6
40 : #af8b1d : +8
42 : #b8921e : +10
44 : #c1991f : +12
46 : #caa021 : +14
48 : #d3a622 : +16
50 : #dbad24 : +18
52 : #ddb12c : +20
54 : #deb435 : +22
56 : #e0b73e : +24
58 : #e1ba47 : +26
60 : #e2be50 : +28
62 : #e4c158 : +30
64 : #e5c461 : +32
66 : #e7c86a : +34
68 : #e8cb73 : +36
70 : #eace7b : +38
72 : #ebd184 : +40
74 : #ecd58d : +42
76 : #eed896 : +44
78 : #efdb9f : +46
80 : #f1dea7 : +48
82 : #f2e2b0 : +50
84 : #f4e5b9 : +52
86 : #f5e8c2 : +54
88 : #f6ebca : +56
90 : #f8efd3 : +58
92 : #f9f2dc : +60
94 : #fbf5e5 : +62
96 : #fcf8ed : +64
98 : #fefcf6 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow