#77522c
RGB ( 赤 = 119, 緑 = 82, 青 = 44 )
HSL ( 色相 = 30°, 彩度 = 46%, 明度 = 32% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #772c2c : -30
10 : #77392c : -20
20 : #77452c : -10
30 : #77522c : ±0
40 : #775e2c : +10
50 : #776b2c : +20
60 : #77772c : +30
70 : #6b772c : +40
80 : #5e772c : +50
90 : #52772c : +60
100 : #45772c : +70
110 : #39772c : +80
120 : #2c772c : +90
130 : #2c7739 : +100
140 : #2c7745 : +110
150 : #2c7752 : +120
160 : #2c775e : +130
170 : #2c776b : +140
180 : #2c7777 : +150
190 : #2c6b77 : +160
200 : #2c5e77 : +170
210 : #2c5277 : +180
220 : #2c4577 : +190
230 : #2c3977 : +200
240 : #2c2c77 : +210
250 : #392c77 : +220
260 : #452c77 : +230
270 : #522c77 : +240
280 : #5e2c77 : +250
290 : #6b2c77 : +260
300 : #772c77 : +270
310 : #772c6b : +280
320 : #772c5e : +290
330 : #772c52 : +300
340 : #772c45 : +310
350 : #772c39 : +320
20 : #77452c : -10
21 : #77462c : -9
22 : #77482c : -8
23 : #77492c : -7
24 : #774a2c : -6
25 : #774b2c : -5
26 : #774d2c : -4
27 : #774e2c : -3
28 : #774f2c : -2
29 : #77502c : -1
30 : #77522c : ±0
31 : #77532c : +1
32 : #77542c : +2
33 : #77552c : +3
34 : #77572c : +4
35 : #77582c : +5
36 : #77592c : +6
37 : #775a2c : +7
38 : #775c2c : +8
39 : #775d2c : +9
40 : #775e2c : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -46
2 : #535250 : -44
4 : #55524e : -42
6 : #56524d : -40
8 : #58524b : -38
10 : #5a5249 : -36
12 : #5b5248 : -34
14 : #5d5246 : -32
16 : #5f5245 : -30
18 : #605243 : -28
20 : #625241 : -26
22 : #645240 : -24
24 : #65523e : -22
26 : #67523c : -20
28 : #68523b : -18
30 : #6a5239 : -16
32 : #6c5237 : -14
34 : #6d5236 : -12
36 : #6f5234 : -10
38 : #715233 : -8
40 : #725231 : -6
42 : #74522f : -4
44 : #76522e : -2
46 : #77522c : ±0
48 : #79522a : +2
50 : #7a5229 : +4
52 : #7c5227 : +6
54 : #7e5226 : +8
56 : #7f5224 : +10
58 : #815222 : +12
60 : #835221 : +14
62 : #84521f : +16
64 : #86521d : +18
66 : #87521c : +20
68 : #89521a : +22
70 : #8b5218 : +24
72 : #8c5217 : +26
74 : #8e5215 : +28
76 : #905214 : +30
78 : #915212 : +32
80 : #935210 : +34
82 : #95520f : +36
84 : #96520d : +38
86 : #98520b : +40
88 : #99520a : +42
90 : #9b5208 : +44
92 : #9d5207 : +46
94 : #9e5205 : +48
96 : #a05203 : +50
98 : #a25202 : +52
100 : #a35200 : +54
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #070503 : -30
4 : #0f0a06 : -28
6 : #160f08 : -26
8 : #1e140b : -24
10 : #251a0e : -22
12 : #2d1f11 : -20
14 : #342413 : -18
16 : #3c2916 : -16
18 : #432e19 : -14
20 : #4a331c : -12
22 : #52381e : -10
24 : #593d21 : -8
26 : #614224 : -6
28 : #684727 : -4
30 : #704d29 : -2
32 : #77522c : ±0
34 : #7f572f : +2
36 : #865c32 : +4
38 : #8d6134 : +6
40 : #956637 : +8
42 : #9c6b3a : +10
44 : #a4703d : +12
46 : #ab753f : +14
48 : #b37a42 : +16
50 : #ba8045 : +18
52 : #bd854c : +20
54 : #c08a54 : +22
56 : #c28f5b : +24
58 : #c59463 : +26
60 : #c8996a : +28
62 : #cb9e72 : +30
64 : #cda379 : +32
66 : #d0a880 : +34
68 : #d3ad88 : +36
70 : #d6b38f : +38
72 : #d8b897 : +40
74 : #dbbd9e : +42
76 : #dec2a6 : +44
78 : #e1c7ad : +46
80 : #e3ccb5 : +48
82 : #e6d1bc : +50
84 : #e9d6c3 : +52
86 : #ecdbcb : +54
88 : #eee0d2 : +56
90 : #f1e6da : +58
92 : #f4ebe1 : +60
94 : #f7f0e9 : +62
96 : #f9f5f0 : +64
98 : #fcfaf8 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow