#8f4b3d
RGB ( 赤 = 143, 緑 = 75, 青 = 61 )
HSL ( 色相 = 10°, 彩度 = 40%, 明度 = 40% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8f3d3d : -10
10 : #8f4b3d : ±0
20 : #8f583d : +10
30 : #8f663d : +20
40 : #8f743d : +30
50 : #8f813d : +40
60 : #8f8f3d : +50
70 : #818f3d : +60
80 : #748f3d : +70
90 : #668f3d : +80
100 : #588f3d : +90
110 : #4b8f3d : +100
120 : #3d8f3d : +110
130 : #3d8f4b : +120
140 : #3d8f58 : +130
150 : #3d8f66 : +140
160 : #3d8f74 : +150
170 : #3d8f81 : +160
180 : #3d8f8f : +170
190 : #3d818f : +180
200 : #3d748f : +190
210 : #3d668f : +200
220 : #3d588f : +210
230 : #3d4b8f : +220
240 : #3d3d8f : +230
250 : #4b3d8f : +240
260 : #583d8f : +250
270 : #663d8f : +260
280 : #743d8f : +270
290 : #813d8f : +280
300 : #8f3d8f : +290
310 : #8f3d81 : +300
320 : #8f3d74 : +310
330 : #8f3d66 : +320
340 : #8f3d58 : +330
350 : #8f3d4b : +340
0 : #8f3d3d : -10
1 : #8f3f3d : -9
2 : #8f403d : -8
3 : #8f413d : -7
4 : #8f433d : -6
5 : #8f443d : -5
6 : #8f453d : -4
7 : #8f473d : -3
8 : #8f483d : -2
9 : #8f493d : -1
10 : #8f4b3d : ±0
11 : #8f4c3d : +1
12 : #8f4e3d : +2
13 : #8f4f3d : +3
14 : #8f503d : +4
15 : #8f523d : +5
16 : #8f533d : +6
17 : #8f543d : +7
18 : #8f563d : +8
19 : #8f573d : +9
20 : #8f583d : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -40
2 : #686564 : -38
4 : #6a6362 : -36
6 : #6c6260 : -34
8 : #6e615e : -32
10 : #705f5c : -30
12 : #725e5a : -28
14 : #745c58 : -26
16 : #765b56 : -24
18 : #785a54 : -22
20 : #7a5852 : -20
22 : #7c5750 : -18
24 : #7e564e : -16
26 : #81544b : -14
28 : #835349 : -12
30 : #855247 : -10
32 : #875045 : -8
34 : #894f43 : -6
36 : #8b4e41 : -4
38 : #8d4c3f : -2
40 : #8f4b3d : ±0
42 : #91493b : +2
44 : #934839 : +4
46 : #954737 : +6
48 : #974535 : +8
50 : #994433 : +10
52 : #9b4331 : +12
54 : #9d412f : +14
56 : #9f402d : +16
58 : #a13f2b : +18
60 : #a33d29 : +20
62 : #a53c27 : +22
64 : #a73a25 : +24
66 : #a93923 : +26
68 : #ab3821 : +28
70 : #ad361f : +30
72 : #af351d : +32
74 : #b1341b : +34
76 : #b43218 : +36
78 : #b63116 : +38
80 : #b83014 : +40
82 : #ba2e12 : +42
84 : #bc2d10 : +44
86 : #be2c0e : +46
88 : #c02a0c : +48
90 : #c2290a : +50
92 : #c42708 : +52
94 : #c62606 : +54
96 : #c82504 : +56
98 : #ca2302 : +58
100 : #cc2200 : +60
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #070403 : -38
4 : #0e0706 : -36
6 : #150b09 : -34
8 : #1d0f0c : -32
10 : #24130f : -30
12 : #2b1612 : -28
14 : #321a15 : -26
16 : #391e18 : -24
18 : #40221c : -22
20 : #47251f : -20
22 : #4f2922 : -18
24 : #562d25 : -16
26 : #5d3128 : -14
28 : #64342b : -12
30 : #6b382e : -10
32 : #723c31 : -8
34 : #794034 : -6
36 : #814337 : -4
38 : #88473a : -2
40 : #8f4b3d : ±0
42 : #964f40 : +2
44 : #9d5243 : +4
46 : #a45646 : +6
48 : #ab5a49 : +8
50 : #b35e4d : +10
52 : #b66454 : +12
54 : #b96a5b : +14
56 : #bc7162 : +16
58 : #bf7769 : +18
60 : #c27e70 : +20
62 : #c58477 : +22
64 : #c88b7e : +24
66 : #cb9186 : +26
68 : #ce988d : +28
70 : #d19e94 : +30
72 : #d4a59b : +32
74 : #d7aba2 : +34
76 : #dab1a9 : +36
78 : #ddb8b0 : +38
80 : #e0beb8 : +40
82 : #e3c5bf : +42
84 : #e7cbc6 : +44
86 : #ead2cd : +46
88 : #edd8d4 : +48
90 : #f0dfdb : +50
92 : #f3e5e2 : +52
94 : #f6ecea : +54
96 : #f9f2f1 : +56
98 : #fcf9f8 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow