#7c5227
RGB ( 赤 = 124, 緑 = 82, 青 = 39 )
HSL ( 色相 = 30°, 彩度 = 52%, 明度 = 32% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #7c2727 : -30
10 : #7c3527 : -20
20 : #7c4327 : -10
30 : #7c5227 : ±0
40 : #7c6027 : +10
50 : #7c6e27 : +20
60 : #7c7c27 : +30
70 : #6e7c27 : +40
80 : #607c27 : +50
90 : #527c27 : +60
100 : #437c27 : +70
110 : #357c27 : +80
120 : #277c27 : +90
130 : #277c35 : +100
140 : #277c43 : +110
150 : #277c52 : +120
160 : #277c60 : +130
170 : #277c6e : +140
180 : #277c7c : +150
190 : #276e7c : +160
200 : #27607c : +170
210 : #27527c : +180
220 : #27437c : +190
230 : #27357c : +200
240 : #27277c : +210
250 : #35277c : +220
260 : #43277c : +230
270 : #52277c : +240
280 : #60277c : +250
290 : #6e277c : +260
300 : #7c277c : +270
310 : #7c276e : +280
320 : #7c2760 : +290
330 : #7c2752 : +300
340 : #7c2743 : +310
350 : #7c2735 : +320
20 : #7c4327 : -10
21 : #7c4527 : -9
22 : #7c4627 : -8
23 : #7c4827 : -7
24 : #7c4927 : -6
25 : #7c4b27 : -5
26 : #7c4c27 : -4
27 : #7c4d27 : -3
28 : #7c4f27 : -2
29 : #7c5027 : -1
30 : #7c5227 : ±0
31 : #7c5327 : +1
32 : #7c5427 : +2
33 : #7c5627 : +3
34 : #7c5727 : +4
35 : #7c5927 : +5
36 : #7c5a27 : +6
37 : #7c5c27 : +7
38 : #7c5d27 : +8
39 : #7c5e27 : +9
40 : #7c6027 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -52
2 : #535250 : -50
4 : #55524e : -48
6 : #56524d : -46
8 : #58524b : -44
10 : #5a5249 : -42
12 : #5b5248 : -40
14 : #5d5246 : -38
16 : #5f5245 : -36
18 : #605243 : -34
20 : #625241 : -32
22 : #645240 : -30
24 : #65523e : -28
26 : #67523c : -26
28 : #68523b : -24
30 : #6a5239 : -22
32 : #6c5237 : -20
34 : #6d5236 : -18
36 : #6f5234 : -16
38 : #715233 : -14
40 : #725231 : -12
42 : #74522f : -10
44 : #76522e : -8
46 : #77522c : -6
48 : #79522a : -4
50 : #7a5229 : -2
52 : #7c5227 : ±0
54 : #7e5226 : +2
56 : #7f5224 : +4
58 : #815222 : +6
60 : #835221 : +8
62 : #84521f : +10
64 : #86521d : +12
66 : #87521c : +14
68 : #89521a : +16
70 : #8b5218 : +18
72 : #8c5217 : +20
74 : #8e5215 : +22
76 : #905214 : +24
78 : #915212 : +26
80 : #935210 : +28
82 : #95520f : +30
84 : #96520d : +32
86 : #98520b : +34
88 : #99520a : +36
90 : #9b5208 : +38
92 : #9d5207 : +40
94 : #9e5205 : +42
96 : #a05203 : +44
98 : #a25202 : +46
100 : #a35200 : +48
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080502 : -30
4 : #100a05 : -28
6 : #170f07 : -26
8 : #1f140a : -24
10 : #271a0c : -22
12 : #2f1f0f : -20
14 : #362411 : -18
16 : #3e2914 : -16
18 : #462e16 : -14
20 : #4e3318 : -12
22 : #55381b : -10
24 : #5d3d1d : -8
26 : #654220 : -6
28 : #6d4722 : -4
30 : #744d25 : -2
32 : #7c5227 : ±0
34 : #84572a : +2
36 : #8c5c2c : +4
38 : #93612f : +6
40 : #9b6631 : +8
42 : #a36b33 : +10
44 : #ab7036 : +12
46 : #b27538 : +14
48 : #ba7a3b : +16
50 : #c2803d : +18
52 : #c48545 : +20
54 : #c78a4d : +22
56 : #c98f54 : +24
58 : #cc945c : +26
60 : #ce9964 : +28
62 : #d09e6c : +30
64 : #d3a373 : +32
66 : #d5a87b : +34
68 : #d8ad83 : +36
70 : #dab38b : +38
72 : #ddb892 : +40
74 : #dfbd9a : +42
76 : #e2c2a2 : +44
78 : #e4c7aa : +46
80 : #e7ccb1 : +48
82 : #e9d1b9 : +50
84 : #ebd6c1 : +52
86 : #eedbc9 : +54
88 : #f0e0d0 : +56
90 : #f3e6d8 : +58
92 : #f5ebe0 : +60
94 : #f8f0e8 : +62
96 : #faf5ef : +64
98 : #fdfaf7 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow