#9a5f42
RGB ( 赤 = 154, 緑 = 95, 青 = 66 )
HSL ( 色相 = 20°, 彩度 = 40%, 明度 = 43% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #9a4242 : -20
10 : #9a5042 : -10
20 : #9a5f42 : ±0
30 : #9a6e42 : +10
40 : #9a7c42 : +20
50 : #9a8b42 : +30
60 : #9a9a42 : +40
70 : #8b9a42 : +50
80 : #7c9a42 : +60
90 : #6e9a42 : +70
100 : #5f9a42 : +80
110 : #509a42 : +90
120 : #429a42 : +100
130 : #429a50 : +110
140 : #429a5f : +120
150 : #429a6e : +130
160 : #429a7c : +140
170 : #429a8b : +150
180 : #429a9a : +160
190 : #428b9a : +170
200 : #427c9a : +180
210 : #426e9a : +190
220 : #425f9a : +200
230 : #42509a : +210
240 : #42429a : +220
250 : #50429a : +230
260 : #5f429a : +240
270 : #6e429a : +250
280 : #7c429a : +260
290 : #8b429a : +270
300 : #9a429a : +280
310 : #9a428b : +290
320 : #9a427c : +300
330 : #9a426e : +310
340 : #9a425f : +320
350 : #9a4250 : +330
10 : #9a5042 : -10
11 : #9a5242 : -9
12 : #9a5342 : -8
13 : #9a5542 : -7
14 : #9a5642 : -6
15 : #9a5842 : -5
16 : #9a5942 : -4
17 : #9a5b42 : -3
18 : #9a5c42 : -2
19 : #9a5e42 : -1
20 : #9a5f42 : ±0
21 : #9a6042 : +1
22 : #9a6242 : +2
23 : #9a6342 : +3
24 : #9a6542 : +4
25 : #9a6642 : +5
26 : #9a6842 : +6
27 : #9a6942 : +7
28 : #9a6b42 : +8
29 : #9a6c42 : +9
30 : #9a6e42 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -40
2 : #706d6b : -38
4 : #726c69 : -36
6 : #746b67 : -34
8 : #766b65 : -32
10 : #796a63 : -30
12 : #7b6960 : -28
14 : #7d695e : -26
16 : #7f685c : -24
18 : #81675a : -22
20 : #846658 : -20
22 : #866656 : -18
24 : #886553 : -16
26 : #8a6451 : -14
28 : #8c634f : -12
30 : #8f634d : -10
32 : #91624b : -8
34 : #936148 : -6
36 : #956046 : -4
38 : #976044 : -2
40 : #9a5f42 : ±0
42 : #9c5e40 : +2
44 : #9e5e3d : +4
46 : #a05d3b : +6
48 : #a25c39 : +8
50 : #a45b37 : +10
52 : #a75b35 : +12
54 : #a95a32 : +14
56 : #ab5930 : +16
58 : #ad582e : +18
60 : #af582c : +20
62 : #b2572a : +22
64 : #b45627 : +24
66 : #b65625 : +26
68 : #b85523 : +28
70 : #ba5421 : +30
72 : #bd531f : +32
74 : #bf531d : +34
76 : #c1521a : +36
78 : #c35118 : +38
80 : #c55016 : +40
82 : #c85014 : +42
84 : #ca4f12 : +44
86 : #cc4e0f : +46
88 : #ce4d0d : +48
90 : #d04d0b : +50
92 : #d34c09 : +52
94 : #d54b07 : +54
96 : #d74b04 : +56
98 : #d94a02 : +58
100 : #db4900 : +60
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -42
3 : #0b0705 : -40
5 : #120b08 : -38
7 : #190f0b : -36
9 : #20140e : -34
11 : #271811 : -32
13 : #2e1d14 : -30
15 : #362117 : -28
17 : #3d261a : -26
19 : #442a1d : -24
21 : #4b2e20 : -22
23 : #523323 : -20
25 : #593726 : -18
27 : #603c29 : -16
29 : #68402c : -14
31 : #6f452f : -12
33 : #764932 : -10
35 : #7d4d36 : -8
37 : #845239 : -6
39 : #8b563c : -4
41 : #925b3f : -2
43 : #9a5f42 : ±0
45 : #a16345 : +2
47 : #a86848 : +4
49 : #af6c4b : +6
51 : #b47150 : +8
53 : #b77757 : +10
55 : #ba7d5e : +12
57 : #bd8365 : +14
59 : #c0896d : +16
61 : #c38e74 : +18
63 : #c6947b : +20
65 : #c99a82 : +22
67 : #cda089 : +24
69 : #d0a590 : +26
71 : #d3ab97 : +28
73 : #d6b19f : +30
75 : #d9b7a6 : +32
77 : #dcbdad : +34
79 : #dfc2b4 : +36
81 : #e2c8bb : +38
83 : #e5cec2 : +40
85 : #e8d4c9 : +42
87 : #ebd9d1 : +44
89 : #eedfd8 : +46
91 : #f1e5df : +48
93 : #f4ebe6 : +50
95 : #f7f1ed : +52
97 : #faf6f4 : +54
99 : #fdfcfb : +56
CSS入門、作ってます。
text-shadow