#9a5713
RGB ( 赤 = 154, 緑 = 87, 青 = 19 )
HSL ( 色相 = 30°, 彩度 = 78%, 明度 = 34% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #9a1313 : -30
10 : #9a2a13 : -20
20 : #9a4013 : -10
30 : #9a5713 : ±0
40 : #9a6d13 : +10
50 : #9a8413 : +20
60 : #9a9a13 : +30
70 : #849a13 : +40
80 : #6d9a13 : +50
90 : #579a13 : +60
100 : #409a13 : +70
110 : #2a9a13 : +80
120 : #139a13 : +90
130 : #139a2a : +100
140 : #139a40 : +110
150 : #139a57 : +120
160 : #139a6d : +130
170 : #139a84 : +140
180 : #139a9a : +150
190 : #13849a : +160
200 : #136d9a : +170
210 : #13579a : +180
220 : #13409a : +190
230 : #132a9a : +200
240 : #13139a : +210
250 : #2a139a : +220
260 : #40139a : +230
270 : #57139a : +240
280 : #6d139a : +250
290 : #84139a : +260
300 : #9a139a : +270
310 : #9a1384 : +280
320 : #9a136d : +290
330 : #9a1357 : +300
340 : #9a1340 : +310
350 : #9a132a : +320
20 : #9a4013 : -10
21 : #9a4213 : -9
22 : #9a4513 : -8
23 : #9a4713 : -7
24 : #9a4913 : -6
25 : #9a4b13 : -5
26 : #9a4e13 : -4
27 : #9a5013 : -3
28 : #9a5213 : -2
29 : #9a5413 : -1
30 : #9a5713 : ±0
31 : #9a5913 : +1
32 : #9a5b13 : +2
33 : #9a5d13 : +3
34 : #9a6013 : +4
35 : #9a6213 : +5
36 : #9a6413 : +6
37 : #9a6613 : +7
38 : #9a6913 : +8
39 : #9a6b13 : +9
40 : #9a6d13 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -78
2 : #585755 : -76
4 : #5a5753 : -74
6 : #5c5751 : -72
8 : #5e5750 : -70
10 : #5f574e : -68
12 : #61574c : -66
14 : #63574b : -64
16 : #655749 : -62
18 : #665747 : -60
20 : #685745 : -58
22 : #6a5744 : -56
24 : #6c5742 : -54
26 : #6d5740 : -52
28 : #6f573e : -50
30 : #71573d : -48
32 : #72573b : -46
34 : #745739 : -44
36 : #765737 : -42
38 : #785736 : -40
40 : #795734 : -38
42 : #7b5732 : -36
44 : #7d5731 : -34
46 : #7f572f : -32
48 : #80572d : -30
50 : #82572b : -28
52 : #84572a : -26
54 : #865728 : -24
56 : #875726 : -22
58 : #895724 : -20
60 : #8b5723 : -18
62 : #8c5721 : -16
64 : #8e571f : -14
66 : #90571d : -12
68 : #92571c : -10
70 : #93571a : -8
72 : #955718 : -6
74 : #975717 : -4
76 : #995715 : -2
78 : #9a5713 : ±0
80 : #9c5711 : +2
82 : #9e5710 : +4
84 : #a0570e : +6
86 : #a1570c : +8
88 : #a3570a : +10
90 : #a55709 : +12
92 : #a65707 : +14
94 : #a85705 : +16
96 : #aa5703 : +18
98 : #ac5702 : +20
100 : #ad5700 : +22
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #090501 : -32
4 : #120a02 : -30
6 : #1b0f03 : -28
8 : #241404 : -26
10 : #2d1a06 : -24
12 : #361f07 : -22
14 : #402408 : -20
16 : #492909 : -18
18 : #522e0a : -16
20 : #5b330b : -14
22 : #64380c : -12
24 : #6d3d0d : -10
26 : #76420f : -8
28 : #7f4710 : -6
30 : #884d11 : -4
32 : #915212 : -2
34 : #9a5713 : ±0
36 : #a35c14 : +2
38 : #ac6115 : +4
40 : #b66616 : +6
42 : #bf6b18 : +8
44 : #c87019 : +10
46 : #d1751a : +12
48 : #da7a1b : +14
50 : #e3801c : +16
52 : #e48525 : +18
54 : #e58a2e : +20
56 : #e68f37 : +22
58 : #e79440 : +24
60 : #e99949 : +26
62 : #ea9e53 : +28
64 : #eba35c : +30
66 : #eca865 : +32
68 : #edad6e : +34
70 : #eeb377 : +36
72 : #efb880 : +38
74 : #f0bd89 : +40
76 : #f2c292 : +42
78 : #f3c79b : +44
80 : #f4cca4 : +46
82 : #f5d1ad : +48
84 : #f6d6b6 : +50
86 : #f7dbbf : +52
88 : #f8e0c9 : +54
90 : #f9e6d2 : +56
92 : #fbebdb : +58
94 : #fcf0e4 : +60
96 : #fdf5ed : +62
98 : #fefaf6 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow