#77572c
RGB ( 赤 = 119, 緑 = 87, 青 = 44 )
HSL ( 色相 = 34°, 彩度 = 46%, 明度 = 32% )
H : 色相 ( 34° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #77312c : -30
14 : #773e2c : -20
24 : #774a2c : -10
34 : #77572c : ±0
44 : #77632c : +10
54 : #77702c : +20
64 : #72772c : +30
74 : #66772c : +40
84 : #59772c : +50
94 : #4d772c : +60
104 : #40772c : +70
114 : #34772c : +80
124 : #2c7731 : +90
134 : #2c773e : +100
144 : #2c774a : +110
154 : #2c7757 : +120
164 : #2c7763 : +130
174 : #2c7770 : +140
184 : #2c7277 : +150
194 : #2c6677 : +160
204 : #2c5977 : +170
214 : #2c4d77 : +180
224 : #2c4077 : +190
234 : #2c3477 : +200
244 : #312c77 : +210
254 : #3e2c77 : +220
264 : #4a2c77 : +230
274 : #572c77 : +240
284 : #632c77 : +250
294 : #702c77 : +260
304 : #772c72 : +270
314 : #772c66 : +280
324 : #772c59 : +290
334 : #772c4d : +300
344 : #772c40 : +310
354 : #772c34 : +320
24 : #774a2c : -10
25 : #774b2c : -9
26 : #774d2c : -8
27 : #774e2c : -7
28 : #774f2c : -6
29 : #77502c : -5
30 : #77522c : -4
31 : #77532c : -3
32 : #77542c : -2
33 : #77552c : -1
34 : #77572c : ±0
35 : #77582c : +1
36 : #77592c : +2
37 : #775a2c : +3
38 : #775c2c : +4
39 : #775d2c : +5
40 : #775e2c : +6
41 : #775f2c : +7
42 : #77612c : +8
43 : #77622c : +9
44 : #77632c : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -46
2 : #535250 : -44
4 : #55524e : -42
6 : #56524d : -40
8 : #58524b : -38
10 : #5a5349 : -36
12 : #5b5348 : -34
14 : #5d5346 : -32
16 : #5f5345 : -30
18 : #605443 : -28
20 : #625441 : -26
22 : #645440 : -24
24 : #65543e : -22
26 : #67543c : -20
28 : #68553b : -18
30 : #6a5539 : -16
32 : #6c5537 : -14
34 : #6d5536 : -12
36 : #6f5634 : -10
38 : #715633 : -8
40 : #725631 : -6
42 : #74562f : -4
44 : #76562e : -2
46 : #77572c : ±0
48 : #79572a : +2
50 : #7a5729 : +4
52 : #7c5727 : +6
54 : #7e5726 : +8
56 : #7f5824 : +10
58 : #815822 : +12
60 : #835821 : +14
62 : #84581f : +16
64 : #86591d : +18
66 : #87591c : +20
68 : #89591a : +22
70 : #8b5918 : +24
72 : #8c5917 : +26
74 : #8e5a15 : +28
76 : #905a14 : +30
78 : #915a12 : +32
80 : #935a10 : +34
82 : #955b0f : +36
84 : #965b0d : +38
86 : #985b0b : +40
88 : #995b0a : +42
90 : #9b5b08 : +44
92 : #9d5c07 : +46
94 : #9e5c05 : +48
96 : #a05c03 : +50
98 : #a25c02 : +52
100 : #a35c00 : +54
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #070503 : -30
4 : #0f0b06 : -28
6 : #161008 : -26
8 : #1e160b : -24
10 : #251b0e : -22
12 : #2d2011 : -20
14 : #342613 : -18
16 : #3c2b16 : -16
18 : #433119 : -14
20 : #4a361c : -12
22 : #523c1e : -10
24 : #594121 : -8
26 : #614624 : -6
28 : #684c27 : -4
30 : #705129 : -2
32 : #77572c : ±0
34 : #7f5c2f : +2
36 : #866132 : +4
38 : #8d6734 : +6
40 : #956c37 : +8
42 : #9c723a : +10
44 : #a4773d : +12
46 : #ab7c3f : +14
48 : #b38242 : +16
50 : #ba8745 : +18
52 : #bd8c4c : +20
54 : #c09154 : +22
56 : #c2965b : +24
58 : #c59a63 : +26
60 : #c89f6a : +28
62 : #cba472 : +30
64 : #cda979 : +32
66 : #d0ae80 : +34
68 : #d3b288 : +36
70 : #d6b78f : +38
72 : #d8bc97 : +40
74 : #dbc19e : +42
76 : #dec6a6 : +44
78 : #e1caad : +46
80 : #e3cfb5 : +48
82 : #e6d4bc : +50
84 : #e9d9c3 : +52
86 : #ecddcb : +54
88 : #eee2d2 : +56
90 : #f1e7da : +58
92 : #f4ece1 : +60
94 : #f7f1e9 : +62
96 : #f9f5f0 : +64
98 : #fcfaf8 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow