#8f6132
RGB ( 赤 = 143, 緑 = 97, 青 = 50 )
HSL ( 色相 = 30°, 彩度 = 48%, 明度 = 38% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8f3232 : -30
10 : #8f4232 : -20
20 : #8f5132 : -10
30 : #8f6132 : ±0
40 : #8f7032 : +10
50 : #8f8032 : +20
60 : #8f8f32 : +30
70 : #808f32 : +40
80 : #708f32 : +50
90 : #618f32 : +60
100 : #518f32 : +70
110 : #428f32 : +80
120 : #328f32 : +90
130 : #328f42 : +100
140 : #328f51 : +110
150 : #328f61 : +120
160 : #328f70 : +130
170 : #328f80 : +140
180 : #328f8f : +150
190 : #32808f : +160
200 : #32708f : +170
210 : #32618f : +180
220 : #32518f : +190
230 : #32428f : +200
240 : #32328f : +210
250 : #42328f : +220
260 : #51328f : +230
270 : #61328f : +240
280 : #70328f : +250
290 : #80328f : +260
300 : #8f328f : +270
310 : #8f3280 : +280
320 : #8f3270 : +290
330 : #8f3261 : +300
340 : #8f3251 : +310
350 : #8f3242 : +320
20 : #8f5132 : -10
21 : #8f5332 : -9
22 : #8f5432 : -8
23 : #8f5632 : -7
24 : #8f5832 : -6
25 : #8f5932 : -5
26 : #8f5b32 : -4
27 : #8f5c32 : -3
28 : #8f5e32 : -2
29 : #8f5f32 : -1
30 : #8f6132 : ±0
31 : #8f6232 : +1
32 : #8f6432 : +2
33 : #8f6632 : +3
34 : #8f6732 : +4
35 : #8f6932 : +5
36 : #8f6a32 : +6
37 : #8f6c32 : +7
38 : #8f6d32 : +8
39 : #8f6f32 : +9
40 : #8f7032 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -48
2 : #63615f : -46
4 : #65615d : -44
6 : #67615b : -42
8 : #696159 : -40
10 : #6b6157 : -38
12 : #6d6155 : -36
14 : #6e6153 : -34
16 : #706151 : -32
18 : #72614f : -30
20 : #74614e : -28
22 : #76614c : -26
24 : #78614a : -24
26 : #7a6148 : -22
28 : #7c6146 : -20
30 : #7e6144 : -18
32 : #806142 : -16
34 : #826140 : -14
36 : #84613e : -12
38 : #86613c : -10
40 : #88613a : -8
42 : #8a6138 : -6
44 : #8c6136 : -4
46 : #8d6134 : -2
48 : #8f6132 : ±0
50 : #916130 : +2
52 : #93612f : +4
54 : #95612d : +6
56 : #97612b : +8
58 : #996129 : +10
60 : #9b6127 : +12
62 : #9d6125 : +14
64 : #9f6123 : +16
66 : #a16121 : +18
68 : #a3611f : +20
70 : #a5611d : +22
72 : #a7611b : +24
74 : #a96119 : +26
76 : #ab6117 : +28
78 : #ac6115 : +30
80 : #ae6113 : +32
82 : #b06111 : +34
84 : #b26110 : +36
86 : #b4610e : +38
88 : #b6610c : +40
90 : #b8610a : +42
92 : #ba6108 : +44
94 : #bc6106 : +46
96 : #be6104 : +48
98 : #c06102 : +50
100 : #c26100 : +52
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #080503 : -36
4 : #0f0a05 : -34
6 : #170f08 : -32
8 : #1e140b : -30
10 : #261a0d : -28
12 : #2d1f10 : -26
14 : #352413 : -24
16 : #3c2915 : -22
18 : #442e18 : -20
20 : #4b331b : -18
22 : #53381d : -16
24 : #5b3d20 : -14
26 : #624222 : -12
28 : #6a4725 : -10
30 : #714d28 : -8
32 : #79522a : -6
34 : #80572d : -4
36 : #885c30 : -2
38 : #8f6132 : ±0
40 : #976635 : +2
42 : #9f6b38 : +4
44 : #a6703a : +6
46 : #ae753d : +8
48 : #b57a40 : +10
50 : #bd8042 : +12
52 : #bf854a : +14
54 : #c28a51 : +16
56 : #c58f59 : +18
58 : #c79460 : +20
60 : #ca9968 : +22
62 : #cd9e70 : +24
64 : #cfa377 : +26
66 : #d2a87f : +28
68 : #d5ad86 : +30
70 : #d7b38e : +32
72 : #dab895 : +34
74 : #ddbd9d : +36
76 : #dfc2a4 : +38
78 : #e2c7ac : +40
80 : #e4ccb4 : +42
82 : #e7d1bb : +44
84 : #ead6c3 : +46
86 : #ecdbca : +48
88 : #efe0d2 : +50
90 : #f2e6d9 : +52
92 : #f4ebe1 : +54
94 : #f7f0e8 : +56
96 : #faf5f0 : +58
98 : #fcfaf7 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow