#8e5a2f
RGB ( 赤 = 142, 緑 = 90, 青 = 47 )
HSL ( 色相 = 27°, 彩度 = 50%, 明度 = 37% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #8e3a2f : -20
17 : #8e4a2f : -10
27 : #8e5a2f : ±0
37 : #8e692f : +10
47 : #8e792f : +20
57 : #8e892f : +30
67 : #838e2f : +40
77 : #738e2f : +50
87 : #638e2f : +60
97 : #538e2f : +70
107 : #448e2f : +80
117 : #348e2f : +90
127 : #2f8e3a : +100
137 : #2f8e4a : +110
147 : #2f8e5a : +120
157 : #2f8e69 : +130
167 : #2f8e79 : +140
177 : #2f8e89 : +150
187 : #2f838e : +160
197 : #2f738e : +170
207 : #2f638e : +180
217 : #2f538e : +190
227 : #2f448e : +200
237 : #2f348e : +210
247 : #3a2f8e : +220
257 : #4a2f8e : +230
267 : #5a2f8e : +240
277 : #692f8e : +250
287 : #792f8e : +260
297 : #892f8e : +270
307 : #8e2f83 : +280
317 : #8e2f73 : +290
327 : #8e2f63 : +300
337 : #8e2f53 : +310
347 : #8e2f44 : +320
357 : #8e2f34 : +330
17 : #8e4a2f : -10
18 : #8e4b2f : -9
19 : #8e4d2f : -8
20 : #8e4f2f : -7
21 : #8e502f : -6
22 : #8e522f : -5
23 : #8e532f : -4
24 : #8e552f : -3
25 : #8e562f : -2
26 : #8e582f : -1
27 : #8e5a2f : ±0
28 : #8e5b2f : +1
29 : #8e5d2f : +2
30 : #8e5e2f : +3
31 : #8e602f : +4
32 : #8e612f : +5
33 : #8e632f : +6
34 : #8e652f : +7
35 : #8e662f : +8
36 : #8e682f : +9
37 : #8e692f : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5e5e5e : -50
2 : #605e5c : -48
4 : #625e5b : -46
6 : #645e59 : -44
8 : #665e57 : -42
10 : #685d55 : -40
12 : #6a5d53 : -38
14 : #6c5d51 : -36
16 : #6d5d4f : -34
18 : #6f5d4d : -32
20 : #715c4b : -30
22 : #735c4a : -28
24 : #755c48 : -26
26 : #775c46 : -24
28 : #795c44 : -22
30 : #7b5c42 : -20
32 : #7d5b40 : -18
34 : #7e5b3e : -16
36 : #805b3c : -14
38 : #825b3a : -12
40 : #845b39 : -10
42 : #865a37 : -8
44 : #885a35 : -6
46 : #8a5a33 : -4
48 : #8c5a31 : -2
50 : #8e5a2f : ±0
52 : #8f592d : +2
54 : #91592b : +4
56 : #93592a : +6
58 : #955928 : +8
60 : #975926 : +10
62 : #995924 : +12
64 : #9b5822 : +14
66 : #9d5820 : +16
68 : #9f581e : +18
70 : #a0581c : +20
72 : #a2581a : +22
74 : #a45719 : +24
76 : #a65717 : +26
78 : #a85715 : +28
80 : #aa5713 : +30
82 : #ac5711 : +32
84 : #ae560f : +34
86 : #af560d : +36
88 : #b1560b : +38
90 : #b35609 : +40
92 : #b55608 : +42
94 : #b75506 : +44
96 : #b95504 : +46
98 : #bb5502 : +48
100 : #bd5500 : +50
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -36
3 : #0b0704 : -34
5 : #130c06 : -32
7 : #1b1109 : -30
9 : #22160b : -28
11 : #2a1b0e : -26
13 : #321f11 : -24
15 : #392413 : -22
17 : #412916 : -20
19 : #492e18 : -18
21 : #50331b : -16
23 : #58381d : -14
25 : #603d20 : -12
27 : #674122 : -10
29 : #6f4625 : -8
31 : #774b28 : -6
33 : #7e502a : -4
35 : #86552d : -2
37 : #8e5a2f : ±0
39 : #955e32 : +2
41 : #9d6334 : +4
43 : #a46837 : +6
45 : #ac6d39 : +8
47 : #b4723c : +10
49 : #bb773e : +12
51 : #c17c44 : +14
53 : #c3814b : +16
55 : #c68753 : +18
57 : #c88c5b : +20
59 : #cb9162 : +22
61 : #cd976a : +24
63 : #d09c71 : +26
65 : #d2a179 : +28
67 : #d5a781 : +30
69 : #d7ac88 : +32
71 : #dab190 : +34
73 : #ddb798 : +36
75 : #dfbc9f : +38
77 : #e2c1a7 : +40
79 : #e4c7af : +42
81 : #e7ccb6 : +44
83 : #e9d1be : +46
85 : #ecd7c6 : +48
87 : #eedccd : +50
89 : #f1e2d5 : +52
91 : #f4e7dd : +54
93 : #f6ece4 : +56
95 : #f9f2ec : +58
97 : #fbf7f4 : +60
99 : #fefcfb : +62
CSS入門、作ってます。
text-shadow