#8e4a0b
RGB ( 赤 = 142, 緑 = 74, 青 = 11 )
HSL ( 色相 = 29°, 彩度 = 86%, 明度 = 30% )
H : 色相 ( 29° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #8e1e0b : -20
19 : #8e340b : -10
29 : #8e4a0b : ±0
39 : #8e600b : +10
49 : #8e760b : +20
59 : #8e8c0b : +30
69 : #7b8e0b : +40
79 : #658e0b : +50
89 : #4f8e0b : +60
99 : #398e0b : +70
109 : #238e0b : +80
119 : #0d8e0b : +90
129 : #0b8e1e : +100
139 : #0b8e34 : +110
149 : #0b8e4a : +120
159 : #0b8e60 : +130
169 : #0b8e76 : +140
179 : #0b8e8c : +150
189 : #0b7b8e : +160
199 : #0b658e : +170
209 : #0b4f8e : +180
219 : #0b398e : +190
229 : #0b238e : +200
239 : #0b0d8e : +210
249 : #1e0b8e : +220
259 : #340b8e : +230
269 : #4a0b8e : +240
279 : #600b8e : +250
289 : #760b8e : +260
299 : #8c0b8e : +270
309 : #8e0b7b : +280
319 : #8e0b65 : +290
329 : #8e0b4f : +300
339 : #8e0b39 : +310
349 : #8e0b23 : +320
359 : #8e0b0d : +330
19 : #8e340b : -10
20 : #8e370b : -9
21 : #8e390b : -8
22 : #8e3b0b : -7
23 : #8e3d0b : -6
24 : #8e3f0b : -5
25 : #8e420b : -4
26 : #8e440b : -3
27 : #8e460b : -2
28 : #8e480b : -1
29 : #8e4a0b : ±0
30 : #8e4d0b : +1
31 : #8e4f0b : +2
32 : #8e510b : +3
33 : #8e530b : +4
34 : #8e550b : +5
35 : #8e570b : +6
36 : #8e5a0b : +7
37 : #8e5c0b : +8
38 : #8e5e0b : +9
39 : #8e600b : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -86
2 : #4e4c4b : -84
4 : #504c49 : -82
6 : #514c48 : -80
8 : #534c46 : -78
10 : #544c45 : -76
12 : #564c43 : -74
14 : #574c42 : -72
16 : #594c40 : -70
18 : #5a4c3f : -68
20 : #5c4c3d : -66
22 : #5d4c3c : -64
24 : #5f4c3a : -62
26 : #604c39 : -60
28 : #624c37 : -58
30 : #634c36 : -56
32 : #654c34 : -54
34 : #674c32 : -52
36 : #684c31 : -50
38 : #6a4c2f : -48
40 : #6b4b2e : -46
42 : #6d4b2c : -44
44 : #6e4b2b : -42
46 : #704b29 : -40
48 : #714b28 : -38
50 : #734b26 : -36
52 : #744b25 : -34
54 : #764b23 : -32
56 : #774b22 : -30
58 : #794b20 : -28
60 : #7a4b1f : -26
62 : #7c4b1d : -24
64 : #7d4b1c : -22
66 : #7f4b1a : -20
68 : #814b18 : -18
70 : #824b17 : -16
72 : #844b15 : -14
74 : #854b14 : -12
76 : #874b12 : -10
78 : #884b11 : -8
80 : #8a4a0f : -6
82 : #8b4a0e : -4
84 : #8d4a0c : -2
86 : #8e4a0b : ±0
88 : #904a09 : +2
90 : #914a08 : +4
92 : #934a06 : +6
94 : #944a05 : +8
96 : #964a03 : +10
98 : #974a02 : +12
100 : #994a00 : +14
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #090501 : -28
4 : #130a01 : -26
6 : #1c0f02 : -24
8 : #261403 : -22
10 : #2f1904 : -20
12 : #391e04 : -18
14 : #422305 : -16
16 : #4c2806 : -14
18 : #552d06 : -12
20 : #5f3207 : -10
22 : #683608 : -8
24 : #723b09 : -6
26 : #7b4009 : -4
28 : #85450a : -2
30 : #8e4a0b : ±0
32 : #984f0b : +2
34 : #a1540c : +4
36 : #ab590d : +6
38 : #b45e0e : +8
40 : #be630e : +10
42 : #c7680f : +12
44 : #d16d10 : +14
46 : #da7210 : +16
48 : #e47711 : +18
50 : #ed7c12 : +20
52 : #ee811b : +22
54 : #ef8625 : +24
56 : #ef8c2e : +26
58 : #f09138 : +28
60 : #f19641 : +30
62 : #f19b4b : +32
64 : #f2a154 : +34
66 : #f3a65e : +36
68 : #f4ab67 : +38
70 : #f4b071 : +40
72 : #f5b67a : +42
74 : #f6bb84 : +44
76 : #f6c08d : +46
78 : #f7c597 : +48
80 : #f8cba0 : +50
82 : #f9d0aa : +52
84 : #f9d5b3 : +54
86 : #fadabd : +56
88 : #fbe0c6 : +58
90 : #fbe5d0 : +60
92 : #fcead9 : +62
94 : #fdefe3 : +64
96 : #fef5ec : +66
98 : #fefaf6 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow