#8f673d
RGB ( 赤 = 143, 緑 = 103, 青 = 61 )
HSL ( 色相 = 31°, 彩度 = 40%, 明度 = 40% )
H : 色相 ( 31° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8f3f3d : -30
11 : #8f4c3d : -20
21 : #8f5a3d : -10
31 : #8f673d : ±0
41 : #8f753d : +10
51 : #8f833d : +20
61 : #8d8f3d : +30
71 : #808f3d : +40
81 : #728f3d : +50
91 : #658f3d : +60
101 : #578f3d : +70
111 : #498f3d : +80
121 : #3d8f3f : +90
131 : #3d8f4c : +100
141 : #3d8f5a : +110
151 : #3d8f67 : +120
161 : #3d8f75 : +130
171 : #3d8f83 : +140
181 : #3d8d8f : +150
191 : #3d808f : +160
201 : #3d728f : +170
211 : #3d658f : +180
221 : #3d578f : +190
231 : #3d498f : +200
241 : #3f3d8f : +210
251 : #4c3d8f : +220
261 : #5a3d8f : +230
271 : #673d8f : +240
281 : #753d8f : +250
291 : #833d8f : +260
301 : #8f3d8d : +270
311 : #8f3d80 : +280
321 : #8f3d72 : +290
331 : #8f3d65 : +300
341 : #8f3d57 : +310
351 : #8f3d49 : +320
21 : #8f5a3d : -10
22 : #8f5b3d : -9
23 : #8f5c3d : -8
24 : #8f5e3d : -7
25 : #8f5f3d : -6
26 : #8f613d : -5
27 : #8f623d : -4
28 : #8f633d : -3
29 : #8f653d : -2
30 : #8f663d : -1
31 : #8f673d : ±0
32 : #8f693d : +1
33 : #8f6a3d : +2
34 : #8f6b3d : +3
35 : #8f6d3d : +4
36 : #8f6e3d : +5
37 : #8f703d : +6
38 : #8f713d : +7
39 : #8f723d : +8
40 : #8f743d : +9
41 : #8f753d : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -40
2 : #686664 : -38
4 : #6a6662 : -36
6 : #6c6660 : -34
8 : #6e665e : -32
10 : #70665c : -30
12 : #72665a : -28
14 : #746658 : -26
16 : #766756 : -24
18 : #786754 : -22
20 : #7a6752 : -20
22 : #7c6750 : -18
24 : #7e674e : -16
26 : #81674b : -14
28 : #836749 : -12
30 : #856747 : -10
32 : #876745 : -8
34 : #896743 : -6
36 : #8b6741 : -4
38 : #8d673f : -2
40 : #8f673d : ±0
42 : #91673b : +2
44 : #936739 : +4
46 : #956837 : +6
48 : #976835 : +8
50 : #996833 : +10
52 : #9b6831 : +12
54 : #9d682f : +14
56 : #9f682d : +16
58 : #a1682b : +18
60 : #a36829 : +20
62 : #a56827 : +22
64 : #a76825 : +24
66 : #a96823 : +26
68 : #ab6821 : +28
70 : #ad681f : +30
72 : #af681d : +32
74 : #b1691b : +34
76 : #b46918 : +36
78 : #b66916 : +38
80 : #b86914 : +40
82 : #ba6912 : +42
84 : #bc6910 : +44
86 : #be690e : +46
88 : #c0690c : +48
90 : #c2690a : +50
92 : #c46908 : +52
94 : #c66906 : +54
96 : #c86904 : +56
98 : #ca6902 : +58
100 : #cc6900 : +60
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #070503 : -38
4 : #0e0a06 : -36
6 : #151009 : -34
8 : #1d150c : -32
10 : #241a0f : -30
12 : #2b1f12 : -28
14 : #322415 : -26
16 : #392918 : -24
18 : #402f1c : -22
20 : #47341f : -20
22 : #4f3922 : -18
24 : #563e25 : -16
26 : #5d4328 : -14
28 : #64482b : -12
30 : #6b4e2e : -10
32 : #725331 : -8
34 : #795834 : -6
36 : #815d37 : -4
38 : #88623a : -2
40 : #8f673d : ±0
42 : #966d40 : +2
44 : #9d7243 : +4
46 : #a47746 : +6
48 : #ab7c49 : +8
50 : #b3814d : +10
52 : #b68654 : +12
54 : #b98b5b : +14
56 : #bc9062 : +16
58 : #bf9569 : +18
60 : #c29a70 : +20
62 : #c59f77 : +22
64 : #c8a47e : +24
66 : #cba986 : +26
68 : #ceae8d : +28
70 : #d1b494 : +30
72 : #d4b99b : +32
74 : #d7bea2 : +34
76 : #dac3a9 : +36
78 : #ddc8b0 : +38
80 : #e0cdb8 : +40
82 : #e3d2bf : +42
84 : #e7d7c6 : +44
86 : #eadccd : +46
88 : #ede1d4 : +48
90 : #f0e6db : +50
92 : #f3ebe2 : +52
94 : #f6f0ea : +54
96 : #f9f5f1 : +56
98 : #fcfaf8 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow