#523a22
RGB ( 赤 = 82, 緑 = 58, 青 = 34 )
HSL ( 色相 = 30°, 彩度 = 41%, 明度 = 23% )
H : 色相 ( 30° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #532323 : -30
10 : #532b23 : -20
20 : #533323 : -10
30 : #533b23 : ±0
40 : #534323 : +10
50 : #534b23 : +20
60 : #535323 : +30
70 : #4b5323 : +40
80 : #435323 : +50
90 : #3b5323 : +60
100 : #335323 : +70
110 : #2b5323 : +80
120 : #235323 : +90
130 : #23532b : +100
140 : #235333 : +110
150 : #23533b : +120
160 : #235343 : +130
170 : #23534b : +140
180 : #235353 : +150
190 : #234b53 : +160
200 : #234353 : +170
210 : #233b53 : +180
220 : #233353 : +190
230 : #232b53 : +200
240 : #232353 : +210
250 : #2b2353 : +220
260 : #332353 : +230
270 : #3b2353 : +240
280 : #432353 : +250
290 : #4b2353 : +260
300 : #532353 : +270
310 : #53234b : +280
320 : #532343 : +290
330 : #53233b : +300
340 : #532333 : +310
350 : #53232b : +320
20 : #533323 : -10
21 : #533323 : -9
22 : #533423 : -8
23 : #533523 : -7
24 : #533623 : -6
25 : #533723 : -5
26 : #533723 : -4
27 : #533823 : -3
28 : #533923 : -2
29 : #533a23 : -1
30 : #533b23 : ±0
31 : #533b23 : +1
32 : #533c23 : +2
33 : #533d23 : +3
34 : #533e23 : +4
35 : #533f23 : +5
36 : #533f23 : +6
37 : #534023 : +7
38 : #534123 : +8
39 : #534223 : +9
40 : #534323 : +10
S : 彩度 ( 41% )
(0%) 渋い ～ 鮮やか (100%)
1 : #3b3b3a : -40
3 : #3c3b39 : -38
5 : #3e3b38 : -36
7 : #3f3b37 : -34
9 : #403b35 : -32
11 : #413b34 : -30
13 : #423b33 : -28
15 : #433b32 : -26
17 : #453b31 : -24
19 : #463b30 : -22
21 : #473b2e : -20
23 : #483b2d : -18
25 : #493b2c : -16
27 : #4a3b2b : -14
29 : #4c3b2a : -12
31 : #4d3b28 : -10
33 : #4e3b27 : -8
35 : #4f3b26 : -6
37 : #503b25 : -4
39 : #523b24 : -2
41 : #533b23 : ±0
43 : #543b21 : +2
45 : #553b20 : +4
47 : #563b1f : +6
49 : #573b1e : +8
51 : #593b1d : +10
53 : #5a3b1c : +12
55 : #5b3b1a : +14
57 : #5c3b19 : +16
59 : #5d3b18 : +18
61 : #5e3b17 : +20
63 : #603b16 : +22
65 : #613b15 : +24
67 : #623b13 : +26
69 : #633b12 : +28
71 : #643b11 : +30
73 : #653b10 : +32
75 : #673b0f : +34
77 : #683b0d : +36
79 : #693b0c : +38
81 : #6a3b0b : +40
83 : #6b3b0a : +42
85 : #6d3b09 : +44
87 : #6e3b08 : +46
89 : #6f3b06 : +48
91 : #703b05 : +50
93 : #713b04 : +52
95 : #723b03 : +54
97 : #743b02 : +56
99 : #753b01 : +58
L : 明度 ( 23% )
(0%) 暗い ～ 明るい (100%)
1 : #040302 : -22
3 : #0b0805 : -20
5 : #120d08 : -18
7 : #19120b : -16
9 : #20170e : -14
11 : #281c11 : -12
13 : #2f2114 : -10
15 : #362617 : -8
17 : #3d2b1a : -6
19 : #44301d : -4
21 : #4c3620 : -2
23 : #533b23 : ±0
25 : #5a4026 : +2
27 : #614529 : +4
29 : #684a2c : +6
31 : #6f4f2f : +8
33 : #775432 : +10
35 : #7e5935 : +12
37 : #855e38 : +14
39 : #8c633b : +16
41 : #93693e : +18
43 : #9b6e41 : +20
45 : #a27344 : +22
47 : #a97847 : +24
49 : #b07d4a : +26
51 : #b5824f : +28
53 : #b88756 : +30
55 : #bb8c5d : +32
57 : #be9164 : +34
59 : #c1966c : +36
61 : #c49c73 : +38
63 : #c7a17a : +40
65 : #caa681 : +42
67 : #cdab88 : +44
69 : #d0b090 : +46
71 : #d3b597 : +48
73 : #d6ba9e : +50
75 : #d9bfa5 : +52
77 : #dcc4ac : +54
79 : #dfc9b3 : +56
81 : #e2cfbb : +58
83 : #e5d4c2 : +60
85 : #e8d9c9 : +62
87 : #ebded0 : +64
89 : #eee3d7 : +66
91 : #f1e8df : +68
93 : #f4ede6 : +70
95 : #f7f2ed : +72
97 : #faf7f4 : +74
99 : #fdfcfb : +76
CSS入門、作ってます。
text-shadow