#8f6224
RGB ( 赤 = 143, 緑 = 98, 青 = 36 )
HSL ( 色相 = 35°, 彩度 = 60%, 明度 = 35% )
H : 色相 ( 35° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8f2d24 : -30
15 : #8f3e24 : -20
25 : #8f5024 : -10
35 : #8f6224 : ±0
45 : #8f7424 : +10
55 : #8f8624 : +20
65 : #868f24 : +30
75 : #748f24 : +40
85 : #628f24 : +50
95 : #508f24 : +60
105 : #3e8f24 : +70
115 : #2d8f24 : +80
125 : #248f2d : +90
135 : #248f3e : +100
145 : #248f50 : +110
155 : #248f62 : +120
165 : #248f74 : +130
175 : #248f86 : +140
185 : #24868f : +150
195 : #24748f : +160
205 : #24628f : +170
215 : #24508f : +180
225 : #243e8f : +190
235 : #242d8f : +200
245 : #2d248f : +210
255 : #3e248f : +220
265 : #50248f : +230
275 : #62248f : +240
285 : #74248f : +250
295 : #86248f : +260
305 : #8f2486 : +270
315 : #8f2474 : +280
325 : #8f2462 : +290
335 : #8f2450 : +300
345 : #8f243e : +310
355 : #8f242d : +320
25 : #8f5024 : -10
26 : #8f5224 : -9
27 : #8f5424 : -8
28 : #8f5624 : -7
29 : #8f5724 : -6
30 : #8f5924 : -5
31 : #8f5b24 : -4
32 : #8f5d24 : -3
33 : #8f5f24 : -2
34 : #8f6024 : -1
35 : #8f6224 : ±0
36 : #8f6424 : +1
37 : #8f6624 : +2
38 : #8f6824 : +3
39 : #8f6924 : +4
40 : #8f6b24 : +5
41 : #8f6d24 : +6
42 : #8f6f24 : +7
43 : #8f7024 : +8
44 : #8f7224 : +9
45 : #8f7424 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -60
2 : #5b5a57 : -58
4 : #5d5a56 : -56
6 : #5f5a54 : -54
8 : #605a52 : -52
10 : #625b50 : -50
12 : #645b4f : -48
14 : #665b4d : -46
16 : #685c4b : -44
18 : #695c49 : -42
20 : #6b5c47 : -40
22 : #6d5d46 : -38
24 : #6f5d44 : -36
26 : #705d42 : -34
28 : #725d40 : -32
30 : #745e3e : -30
32 : #765e3d : -28
34 : #785e3b : -26
36 : #795f39 : -24
38 : #7b5f37 : -22
40 : #7d5f36 : -20
42 : #7f5f34 : -18
44 : #816032 : -16
46 : #826030 : -14
48 : #84602e : -12
50 : #86612d : -10
52 : #88612b : -8
54 : #896129 : -6
56 : #8b6227 : -4
58 : #8d6225 : -2
60 : #8f6224 : ±0
62 : #916222 : +2
64 : #926320 : +4
66 : #94631e : +6
68 : #96631d : +8
70 : #98641b : +10
72 : #9a6419 : +12
74 : #9b6417 : +14
76 : #9d6515 : +16
78 : #9f6514 : +18
80 : #a16512 : +20
82 : #a26510 : +22
84 : #a4660e : +24
86 : #a6660c : +26
88 : #a8660b : +28
90 : #aa6709 : +30
92 : #ab6707 : +32
94 : #ad6705 : +34
96 : #af6804 : +36
98 : #b16802 : +38
100 : #b36800 : +40
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -34
3 : #0c0803 : -32
5 : #140e05 : -30
7 : #1d1407 : -28
9 : #251909 : -26
11 : #2d1f0b : -24
13 : #35240d : -22
15 : #3d2a0f : -20
17 : #453011 : -18
19 : #4e3513 : -16
21 : #563b15 : -14
23 : #5e4117 : -12
25 : #66461a : -10
27 : #6e4c1c : -8
29 : #76511e : -6
31 : #7e5720 : -4
33 : #875d22 : -2
35 : #8f6224 : ±0
37 : #976826 : +2
39 : #9f6d28 : +4
41 : #a7732a : +6
43 : #af792c : +8
45 : #b87e2e : +10
47 : #c08430 : +12
49 : #c88932 : +14
51 : #cd8f37 : +16
53 : #cf933f : +18
55 : #d19847 : +20
57 : #d39c50 : +22
59 : #d5a158 : +24
61 : #d7a560 : +26
63 : #d9aa68 : +28
65 : #dbaf70 : +30
67 : #ddb378 : +32
69 : #dfb881 : +34
71 : #e1bc89 : +36
73 : #e3c191 : +38
75 : #e6c699 : +40
77 : #e8caa1 : +42
79 : #eacfa9 : +44
81 : #ecd3b1 : +46
83 : #eed8ba : +48
85 : #f0ddc2 : +50
87 : #f2e1ca : +52
89 : #f4e6d2 : +54
91 : #f6eada : +56
93 : #f8efe2 : +58
95 : #faf4eb : +60
97 : #fcf8f3 : +62
99 : #fefdfb : +64
CSS入門、作ってます。
text-shadow