#8f7d3d
RGB ( 赤 = 143, 緑 = 125, 青 = 61 )
HSL ( 色相 = 47°, 彩度 = 40%, 明度 = 40% )
H : 色相 ( 47° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #8f473d : -40
17 : #8f543d : -30
27 : #8f623d : -20
37 : #8f703d : -10
47 : #8f7d3d : ±0
57 : #8f8b3d : +10
67 : #858f3d : +20
77 : #788f3d : +30
87 : #6a8f3d : +40
97 : #5c8f3d : +50
107 : #4f8f3d : +60
117 : #418f3d : +70
127 : #3d8f47 : +80
137 : #3d8f54 : +90
147 : #3d8f62 : +100
157 : #3d8f70 : +110
167 : #3d8f7d : +120
177 : #3d8f8b : +130
187 : #3d858f : +140
197 : #3d788f : +150
207 : #3d6a8f : +160
217 : #3d5c8f : +170
227 : #3d4f8f : +180
237 : #3d418f : +190
247 : #473d8f : +200
257 : #543d8f : +210
267 : #623d8f : +220
277 : #703d8f : +230
287 : #7d3d8f : +240
297 : #8b3d8f : +250
307 : #8f3d85 : +260
317 : #8f3d78 : +270
327 : #8f3d6a : +280
337 : #8f3d5c : +290
347 : #8f3d4f : +300
357 : #8f3d41 : +310
37 : #8f703d : -10
38 : #8f713d : -9
39 : #8f723d : -8
40 : #8f743d : -7
41 : #8f753d : -6
42 : #8f763d : -5
43 : #8f783d : -4
44 : #8f793d : -3
45 : #8f7a3d : -2
46 : #8f7c3d : -1
47 : #8f7d3d : ±0
48 : #8f7e3d : +1
49 : #8f803d : +2
50 : #8f813d : +3
51 : #8f833d : +4
52 : #8f843d : +5
53 : #8f853d : +6
54 : #8f873d : +7
55 : #8f883d : +8
56 : #8f893d : +9
57 : #8f8b3d : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -40
2 : #686764 : -38
4 : #6a6862 : -36
6 : #6c6960 : -34
8 : #6e6b5e : -32
10 : #706c5c : -30
12 : #726d5a : -28
14 : #746e58 : -26
16 : #766f56 : -24
18 : #787054 : -22
20 : #7a7252 : -20
22 : #7c7350 : -18
24 : #7e744e : -16
26 : #81754b : -14
28 : #837649 : -12
30 : #857747 : -10
32 : #877845 : -8
34 : #897a43 : -6
36 : #8b7b41 : -4
38 : #8d7c3f : -2
40 : #8f7d3d : ±0
42 : #917e3b : +2
44 : #937f39 : +4
46 : #958137 : +6
48 : #978235 : +8
50 : #998333 : +10
52 : #9b8431 : +12
54 : #9d852f : +14
56 : #9f862d : +16
58 : #a1882b : +18
60 : #a38929 : +20
62 : #a58a27 : +22
64 : #a78b25 : +24
66 : #a98c23 : +26
68 : #ab8d21 : +28
70 : #ad8e1f : +30
72 : #af901d : +32
74 : #b1911b : +34
76 : #b49218 : +36
78 : #b69316 : +38
80 : #b89414 : +40
82 : #ba9512 : +42
84 : #bc9710 : +44
86 : #be980e : +46
88 : #c0990c : +48
90 : #c29a0a : +50
92 : #c49b08 : +52
94 : #c69c06 : +54
96 : #c89d04 : +56
98 : #ca9f02 : +58
100 : #cca000 : +60
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #070603 : -38
4 : #0e0d06 : -36
6 : #151309 : -34
8 : #1d190c : -32
10 : #241f0f : -30
12 : #2b2612 : -28
14 : #322c15 : -26
16 : #393218 : -24
18 : #40381c : -22
20 : #473f1f : -20
22 : #4f4522 : -18
24 : #564b25 : -16
26 : #5d5128 : -14
28 : #64582b : -12
30 : #6b5e2e : -10
32 : #726431 : -8
34 : #796a34 : -6
36 : #817137 : -4
38 : #88773a : -2
40 : #8f7d3d : ±0
42 : #968340 : +2
44 : #9d8a43 : +4
46 : #a49046 : +6
48 : #ab9649 : +8
50 : #b39c4d : +10
52 : #b6a054 : +12
54 : #b9a45b : +14
56 : #bca862 : +16
58 : #bfac69 : +18
60 : #c2b070 : +20
62 : #c5b477 : +22
64 : #c8b87e : +24
66 : #cbbc86 : +26
68 : #cec08d : +28
70 : #d1c494 : +30
72 : #d4c89b : +32
74 : #d7cca2 : +34
76 : #dad0a9 : +36
78 : #ddd4b0 : +38
80 : #e0d8b8 : +40
82 : #e3dcbf : +42
84 : #e7dfc6 : +44
86 : #eae3cd : +46
88 : #ede7d4 : +48
90 : #f0ebdb : +50
92 : #f3efe2 : +52
94 : #f6f3ea : +54
96 : #f9f7f1 : +56
98 : #fcfbf8 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow