#8f4e3d
RGB ( 赤 = 143, 緑 = 78, 青 = 61 )
HSL ( 色相 = 12°, 彩度 = 40%, 明度 = 40% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8f403d : -10
12 : #8f4e3d : ±0
22 : #8f5b3d : +10
32 : #8f693d : +20
42 : #8f763d : +30
52 : #8f843d : +40
62 : #8c8f3d : +50
72 : #7e8f3d : +60
82 : #718f3d : +70
92 : #638f3d : +80
102 : #568f3d : +90
112 : #488f3d : +100
122 : #3d8f40 : +110
132 : #3d8f4e : +120
142 : #3d8f5b : +130
152 : #3d8f69 : +140
162 : #3d8f76 : +150
172 : #3d8f84 : +160
182 : #3d8c8f : +170
192 : #3d7e8f : +180
202 : #3d718f : +190
212 : #3d638f : +200
222 : #3d568f : +210
232 : #3d488f : +220
242 : #403d8f : +230
252 : #4e3d8f : +240
262 : #5b3d8f : +250
272 : #693d8f : +260
282 : #763d8f : +270
292 : #843d8f : +280
302 : #8f3d8c : +290
312 : #8f3d7e : +300
322 : #8f3d71 : +310
332 : #8f3d63 : +320
342 : #8f3d56 : +330
352 : #8f3d48 : +340
2 : #8f403d : -10
3 : #8f413d : -9
4 : #8f433d : -8
5 : #8f443d : -7
6 : #8f453d : -6
7 : #8f473d : -5
8 : #8f483d : -4
9 : #8f493d : -3
10 : #8f4b3d : -2
11 : #8f4c3d : -1
12 : #8f4e3d : ±0
13 : #8f4f3d : +1
14 : #8f503d : +2
15 : #8f523d : +3
16 : #8f533d : +4
17 : #8f543d : +5
18 : #8f563d : +6
19 : #8f573d : +7
20 : #8f583d : +8
21 : #8f5a3d : +9
22 : #8f5b3d : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -40
2 : #686564 : -38
4 : #6a6462 : -36
6 : #6c6260 : -34
8 : #6e615e : -32
10 : #70605c : -30
12 : #725f5a : -28
14 : #745d58 : -26
16 : #765c56 : -24
18 : #785b54 : -22
20 : #7a5a52 : -20
22 : #7c5950 : -18
24 : #7e574e : -16
26 : #81564b : -14
28 : #835549 : -12
30 : #855447 : -10
32 : #875245 : -8
34 : #895143 : -6
36 : #8b5041 : -4
38 : #8d4f3f : -2
40 : #8f4e3d : ±0
42 : #914c3b : +2
44 : #934b39 : +4
46 : #954a37 : +6
48 : #974935 : +8
50 : #994733 : +10
52 : #9b4631 : +12
54 : #9d452f : +14
56 : #9f442d : +16
58 : #a1432b : +18
60 : #a34129 : +20
62 : #a54027 : +22
64 : #a73f25 : +24
66 : #a93e23 : +26
68 : #ab3c21 : +28
70 : #ad3b1f : +30
72 : #af3a1d : +32
74 : #b1391b : +34
76 : #b43718 : +36
78 : #b63616 : +38
80 : #b83514 : +40
82 : #ba3412 : +42
84 : #bc3310 : +44
86 : #be310e : +46
88 : #c0300c : +48
90 : #c22f0a : +50
92 : #c42e08 : +52
94 : #c62c06 : +54
96 : #c82b04 : +56
98 : #ca2a02 : +58
100 : #cc2900 : +60
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #070403 : -38
4 : #0e0806 : -36
6 : #150c09 : -34
8 : #1d100c : -32
10 : #24130f : -30
12 : #2b1712 : -28
14 : #321b15 : -26
16 : #391f18 : -24
18 : #40231c : -22
20 : #47271f : -20
22 : #4f2b22 : -18
24 : #562f25 : -16
26 : #5d3228 : -14
28 : #64362b : -12
30 : #6b3a2e : -10
32 : #723e31 : -8
34 : #794234 : -6
36 : #814637 : -4
38 : #884a3a : -2
40 : #8f4e3d : ±0
42 : #965140 : +2
44 : #9d5543 : +4
46 : #a45946 : +6
48 : #ab5d49 : +8
50 : #b3614d : +10
52 : #b66754 : +12
54 : #b96e5b : +14
56 : #bc7462 : +16
58 : #bf7a69 : +18
60 : #c28170 : +20
62 : #c58777 : +22
64 : #c88d7e : +24
66 : #cb9386 : +26
68 : #ce9a8d : +28
70 : #d1a094 : +30
72 : #d4a69b : +32
74 : #d7ada2 : +34
76 : #dab3a9 : +36
78 : #ddb9b0 : +38
80 : #e0c0b8 : +40
82 : #e3c6bf : +42
84 : #e7ccc6 : +44
86 : #ead3cd : +46
88 : #edd9d4 : +48
90 : #f0dfdb : +50
92 : #f3e6e2 : +52
94 : #f6ecea : +54
96 : #f9f2f1 : +56
98 : #fcf9f8 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow