#8e7148
RGB ( 赤 = 142, 緑 = 113, 青 = 72 )
HSL ( 色相 = 35°, 彩度 = 33%, 明度 = 42% )
H : 色相 ( 35° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8e4e48 : -30
15 : #8e5948 : -20
25 : #8e6548 : -10
35 : #8e7148 : ±0
45 : #8e7d48 : +10
55 : #8e8948 : +20
65 : #898e48 : +30
75 : #7d8e48 : +40
85 : #718e48 : +50
95 : #658e48 : +60
105 : #598e48 : +70
115 : #4e8e48 : +80
125 : #488e4e : +90
135 : #488e59 : +100
145 : #488e65 : +110
155 : #488e71 : +120
165 : #488e7d : +130
175 : #488e89 : +140
185 : #48898e : +150
195 : #487d8e : +160
205 : #48718e : +170
215 : #48658e : +180
225 : #48598e : +190
235 : #484e8e : +200
245 : #4e488e : +210
255 : #59488e : +220
265 : #65488e : +230
275 : #71488e : +240
285 : #7d488e : +250
295 : #89488e : +260
305 : #8e4889 : +270
315 : #8e487d : +280
325 : #8e4871 : +290
335 : #8e4865 : +300
345 : #8e4859 : +310
355 : #8e484e : +320
25 : #8e6548 : -10
26 : #8e6648 : -9
27 : #8e6848 : -8
28 : #8e6948 : -7
29 : #8e6a48 : -6
30 : #8e6b48 : -5
31 : #8e6c48 : -4
32 : #8e6d48 : -3
33 : #8e6f48 : -2
34 : #8e7048 : -1
35 : #8e7148 : ±0
36 : #8e7248 : +1
37 : #8e7348 : +2
38 : #8e7548 : +3
39 : #8e7648 : +4
40 : #8e7748 : +5
41 : #8e7848 : +6
42 : #8e7948 : +7
43 : #8e7a48 : +8
44 : #8e7c48 : +9
45 : #8e7d48 : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6c6b6a : -32
3 : #6e6c68 : -30
5 : #706c66 : -28
7 : #736c64 : -26
9 : #756d61 : -24
11 : #776d5f : -22
13 : #796d5d : -20
15 : #7b6e5b : -18
17 : #7d6e59 : -16
19 : #7f6e57 : -14
21 : #826f55 : -12
23 : #846f52 : -10
25 : #867050 : -8
27 : #88704e : -6
29 : #8a704c : -4
31 : #8c714a : -2
33 : #8e7148 : ±0
35 : #917146 : +2
37 : #937243 : +4
39 : #957241 : +6
41 : #97723f : +8
43 : #99733d : +10
45 : #9b733b : +12
47 : #9d7339 : +14
49 : #a07437 : +16
51 : #a27434 : +18
53 : #a47532 : +20
55 : #a67530 : +22
57 : #a8752e : +24
59 : #aa762c : +26
61 : #ac762a : +28
63 : #af7628 : +30
65 : #b17725 : +32
67 : #b37723 : +34
69 : #b57721 : +36
71 : #b7781f : +38
73 : #b9781d : +40
75 : #bb781b : +42
77 : #be7919 : +44
79 : #c07916 : +46
81 : #c27a14 : +48
83 : #c47a12 : +50
85 : #c67a10 : +52
87 : #c87b0e : +54
89 : #ca7b0c : +56
91 : #cd7b0a : +58
93 : #cf7c07 : +60
95 : #d17c05 : +62
97 : #d37c03 : +64
99 : #d57d01 : +66
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #070503 : -40
4 : #0e0b07 : -38
6 : #14100a : -36
8 : #1b160e : -34
10 : #221b11 : -32
12 : #292015 : -30
14 : #2f2618 : -28
16 : #362b1b : -26
18 : #3d301f : -24
20 : #443622 : -22
22 : #4b3b26 : -20
24 : #514129 : -18
26 : #58462c : -16
28 : #5f4b30 : -14
30 : #665133 : -12
32 : #6d5637 : -10
34 : #735b3a : -8
36 : #7a613e : -6
38 : #816641 : -4
40 : #886c44 : -2
42 : #8e7148 : ±0
44 : #95764b : +2
46 : #9c7c4f : +4
48 : #a38152 : +6
50 : #aa8755 : +8
52 : #ad8b5c : +10
54 : #b09063 : +12
56 : #b4956a : +14
58 : #b79a71 : +16
60 : #bb9f77 : +18
62 : #bea37e : +20
64 : #c1a885 : +22
66 : #c5ad8c : +24
68 : #c8b292 : +26
70 : #ccb799 : +28
72 : #cfbca0 : +30
74 : #d3c0a7 : +32
76 : #d6c5ae : +34
78 : #d9cab4 : +36
80 : #ddcfbb : +38
82 : #e0d4c2 : +40
84 : #e4d8c9 : +42
86 : #e7ddd0 : +44
88 : #eae2d6 : +46
90 : #eee7dd : +48
92 : #f1ece4 : +50
94 : #f5f1eb : +52
96 : #f8f5f1 : +54
98 : #fcfaf8 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow