#a7572f
RGB ( 赤 = 167, 緑 = 87, 青 = 47 )
HSL ( 色相 = 20°, 彩度 = 56%, 明度 = 42% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #a72f2f : -20
10 : #a7432f : -10
20 : #a7572f : ±0
30 : #a76b2f : +10
40 : #a77f2f : +20
50 : #a7932f : +30
60 : #a7a72f : +40
70 : #93a72f : +50
80 : #7fa72f : +60
90 : #6ba72f : +70
100 : #57a72f : +80
110 : #43a72f : +90
120 : #2fa72f : +100
130 : #2fa743 : +110
140 : #2fa757 : +120
150 : #2fa76b : +130
160 : #2fa77f : +140
170 : #2fa793 : +150
180 : #2fa7a7 : +160
190 : #2f93a7 : +170
200 : #2f7fa7 : +180
210 : #2f6ba7 : +190
220 : #2f57a7 : +200
230 : #2f43a7 : +210
240 : #2f2fa7 : +220
250 : #432fa7 : +230
260 : #572fa7 : +240
270 : #6b2fa7 : +250
280 : #7f2fa7 : +260
290 : #932fa7 : +270
300 : #a72fa7 : +280
310 : #a72f93 : +290
320 : #a72f7f : +300
330 : #a72f6b : +310
340 : #a72f57 : +320
350 : #a72f43 : +330
10 : #a7432f : -10
11 : #a7452f : -9
12 : #a7472f : -8
13 : #a7492f : -7
14 : #a74b2f : -6
15 : #a74d2f : -5
16 : #a74f2f : -4
17 : #a7512f : -3
18 : #a7532f : -2
19 : #a7552f : -1
20 : #a7572f : ±0
21 : #a7592f : +1
22 : #a75b2f : +2
23 : #a75d2f : +3
24 : #a75f2f : +4
25 : #a7612f : +5
26 : #a7632f : +6
27 : #a7652f : +7
28 : #a7672f : +8
29 : #a7692f : +9
30 : #a76b2f : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -56
2 : #6d6a69 : -54
4 : #6f6a67 : -52
6 : #726965 : -50
8 : #746863 : -48
10 : #766860 : -46
12 : #78675e : -44
14 : #7a665c : -42
16 : #7c655a : -40
18 : #7e6558 : -38
20 : #816456 : -36
22 : #836354 : -34
24 : #856351 : -32
26 : #87624f : -30
28 : #89614d : -28
30 : #8b604b : -26
32 : #8d6049 : -24
34 : #905f47 : -22
36 : #925e45 : -20
38 : #945e42 : -18
40 : #965d40 : -16
42 : #985c3e : -14
44 : #9a5b3c : -12
46 : #9c5b3a : -10
48 : #9f5a38 : -8
50 : #a15936 : -6
52 : #a35933 : -4
54 : #a55831 : -2
56 : #a7572f : ±0
58 : #a9562d : +2
60 : #ab562b : +4
62 : #ae5529 : +6
64 : #b05427 : +8
66 : #b25424 : +10
68 : #b45322 : +12
70 : #b65220 : +14
72 : #b8511e : +16
74 : #ba511c : +18
76 : #bc501a : +20
78 : #bf4f18 : +22
80 : #c14f15 : +24
82 : #c34e13 : +26
84 : #c54d11 : +28
86 : #c74c0f : +30
88 : #c94c0d : +32
90 : #cb4b0b : +34
92 : #ce4a09 : +36
94 : #d04a06 : +38
96 : #d24904 : +40
98 : #d44802 : +42
100 : #d64700 : +44
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #080402 : -40
4 : #100804 : -38
6 : #180c07 : -36
8 : #201109 : -34
10 : #28150b : -32
12 : #30190d : -30
14 : #381d10 : -28
16 : #402112 : -26
18 : #482514 : -24
20 : #502916 : -22
22 : #582e19 : -20
24 : #5f321b : -18
26 : #67361d : -16
28 : #6f3a1f : -14
30 : #773e22 : -12
32 : #7f4224 : -10
34 : #874726 : -8
36 : #8f4b28 : -6
38 : #974f2b : -4
40 : #9f532d : -2
42 : #a7572f : ±0
44 : #af5b31 : +2
46 : #b75f34 : +4
48 : #bf6436 : +6
50 : #c76838 : +8
52 : #c96e40 : +10
54 : #cb7448 : +12
56 : #ce7a50 : +14
58 : #d08058 : +16
60 : #d28660 : +18
62 : #d48c68 : +20
64 : #d79270 : +22
66 : #d99878 : +24
68 : #db9e80 : +26
70 : #dda488 : +28
72 : #e0aa90 : +30
74 : #e2b098 : +32
76 : #e4b6a0 : +34
78 : #e6bca7 : +36
80 : #e9c2af : +38
82 : #ebc9b7 : +40
84 : #edcfbf : +42
86 : #efd5c7 : +44
88 : #f2dbcf : +46
90 : #f4e1d7 : +48
92 : #f6e7df : +50
94 : #f8ede7 : +52
96 : #fbf3ef : +54
98 : #fdf9f7 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow