#8f5419
RGB ( 赤 = 143, 緑 = 84, 青 = 25 )
HSL ( 色相 = 30°, 彩度 = 70%, 明度 = 33% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8f1919 : -30
10 : #8f2d19 : -20
20 : #8f4119 : -10
30 : #8f5419 : ±0
40 : #8f6819 : +10
50 : #8f7b19 : +20
60 : #8f8f19 : +30
70 : #7b8f19 : +40
80 : #688f19 : +50
90 : #548f19 : +60
100 : #418f19 : +70
110 : #2d8f19 : +80
120 : #198f19 : +90
130 : #198f2d : +100
140 : #198f41 : +110
150 : #198f54 : +120
160 : #198f68 : +130
170 : #198f7b : +140
180 : #198f8f : +150
190 : #197b8f : +160
200 : #19688f : +170
210 : #19548f : +180
220 : #19418f : +190
230 : #192d8f : +200
240 : #19198f : +210
250 : #2d198f : +220
260 : #41198f : +230
270 : #54198f : +240
280 : #68198f : +250
290 : #7b198f : +260
300 : #8f198f : +270
310 : #8f197b : +280
320 : #8f1968 : +290
330 : #8f1954 : +300
340 : #8f1941 : +310
350 : #8f192d : +320
20 : #8f4119 : -10
21 : #8f4219 : -9
22 : #8f4419 : -8
23 : #8f4619 : -7
24 : #8f4819 : -6
25 : #8f4a19 : -5
26 : #8f4c19 : -4
27 : #8f4e19 : -3
28 : #8f5019 : -2
29 : #8f5219 : -1
30 : #8f5419 : ±0
31 : #8f5619 : +1
32 : #8f5819 : +2
33 : #8f5a19 : +3
34 : #8f5c19 : +4
35 : #8f5e19 : +5
36 : #8f6019 : +6
37 : #8f6219 : +7
38 : #8f6419 : +8
39 : #8f6619 : +9
40 : #8f6819 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -70
2 : #565452 : -68
4 : #585451 : -66
6 : #59544f : -64
8 : #5b544d : -62
10 : #5d544c : -60
12 : #5e544a : -58
14 : #605448 : -56
16 : #625447 : -54
18 : #635445 : -52
20 : #655443 : -50
22 : #675442 : -48
24 : #685440 : -46
26 : #6a543e : -44
28 : #6c543d : -42
30 : #6d543b : -40
32 : #6f5439 : -38
34 : #715438 : -36
36 : #725436 : -34
38 : #745434 : -32
40 : #765432 : -30
42 : #775431 : -28
44 : #79542f : -26
46 : #7b542d : -24
48 : #7d542c : -22
50 : #7e542a : -20
52 : #805428 : -18
54 : #825427 : -16
56 : #835425 : -14
58 : #855423 : -12
60 : #875422 : -10
62 : #885420 : -8
64 : #8a541e : -6
66 : #8c541d : -4
68 : #8d541b : -2
70 : #8f5419 : ±0
72 : #915418 : +2
74 : #925416 : +4
76 : #945414 : +6
78 : #965413 : +8
80 : #975411 : +10
82 : #99540f : +12
84 : #9b540d : +14
86 : #9d540c : +16
88 : #9e540a : +18
90 : #a05408 : +20
92 : #a25407 : +22
94 : #a35405 : +24
96 : #a55403 : +26
98 : #a75402 : +28
100 : #a85400 : +30
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -32
3 : #0d0802 : -30
5 : #160d04 : -28
7 : #1e1205 : -26
9 : #271707 : -24
11 : #301c08 : -22
13 : #38210a : -20
15 : #41260b : -18
17 : #4a2b0d : -16
19 : #52300f : -14
21 : #5b3610 : -12
23 : #643b12 : -10
25 : #6c4013 : -8
27 : #754515 : -6
29 : #7e4a16 : -4
31 : #864f18 : -2
33 : #8f5419 : ±0
35 : #98591b : +2
37 : #a05e1c : +4
39 : #a9631e : +6
41 : #b2691f : +8
43 : #ba6e21 : +10
45 : #c37322 : +12
47 : #cc7824 : +14
49 : #d47d25 : +16
51 : #da822b : +18
53 : #db8733 : +20
55 : #dd8c3c : +22
57 : #de9145 : +24
59 : #e0964d : +26
61 : #e19c56 : +28
63 : #e3a15f : +30
65 : #e4a667 : +32
67 : #e6ab70 : +34
69 : #e7b079 : +36
71 : #e9b581 : +38
73 : #eaba8a : +40
75 : #ecbf93 : +42
77 : #edc49b : +44
79 : #efc9a4 : +46
81 : #f0cfad : +48
83 : #f2d4b5 : +50
85 : #f4d9be : +52
87 : #f5dec7 : +54
89 : #f7e3cf : +56
91 : #f8e8d8 : +58
93 : #faede1 : +60
95 : #fbf2e9 : +62
97 : #fdf7f2 : +64
99 : #fefcfb : +66
CSS入門、作ってます。
text-shadow