#520f47
RGB ( 赤 = 82, 緑 = 15, 青 = 71 )
HSL ( 色相 = 310°, 彩度 = 69%, 明度 = 19% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #520f0f : -310
10 : #521a0f : -300
20 : #52250f : -290
30 : #52300f : -280
40 : #523c0f : -270
50 : #52470f : -260
60 : #52520f : -250
70 : #47520f : -240
80 : #3c520f : -230
90 : #30520f : -220
100 : #25520f : -210
110 : #1a520f : -200
120 : #0f520f : -190
130 : #0f521a : -180
140 : #0f5225 : -170
150 : #0f5230 : -160
160 : #0f523c : -150
170 : #0f5247 : -140
180 : #0f5252 : -130
190 : #0f4752 : -120
200 : #0f3c52 : -110
210 : #0f3052 : -100
220 : #0f2552 : -90
230 : #0f1a52 : -80
240 : #0f0f52 : -70
250 : #1a0f52 : -60
260 : #250f52 : -50
270 : #300f52 : -40
280 : #3c0f52 : -30
290 : #470f52 : -20
300 : #520f52 : -10
310 : #520f47 : ±0
320 : #520f3c : +10
330 : #520f30 : +20
340 : #520f25 : +30
350 : #520f1a : +40
300 : #520f52 : -10
301 : #520f51 : -9
302 : #520f50 : -8
303 : #520f4f : -7
304 : #520f4d : -6
305 : #520f4c : -5
306 : #520f4b : -4
307 : #520f4a : -3
308 : #520f49 : -2
309 : #520f48 : -1
310 : #520f47 : ±0
311 : #520f46 : +1
312 : #520f45 : +2
313 : #520f43 : +3
314 : #520f42 : +4
315 : #520f41 : +5
316 : #520f40 : +6
317 : #520f3f : +7
318 : #520f3e : +8
319 : #520f3d : +9
320 : #520f3c : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313031 : -68
3 : #322f31 : -66
5 : #332e32 : -64
7 : #342d33 : -62
9 : #352c33 : -60
11 : #362b34 : -58
13 : #372a35 : -56
15 : #382935 : -54
17 : #392836 : -52
19 : #3a2737 : -50
21 : #3b2637 : -48
23 : #3c2538 : -46
25 : #3d2439 : -44
27 : #3e2339 : -42
29 : #3f223a : -40
31 : #3f213a : -38
33 : #40203b : -36
35 : #411f3c : -34
37 : #421f3c : -32
39 : #431e3d : -30
41 : #441d3e : -28
43 : #451c3e : -26
45 : #461b3f : -24
47 : #471a40 : -22
49 : #481940 : -20
51 : #491841 : -18
53 : #4a1742 : -16
55 : #4b1642 : -14
57 : #4c1543 : -12
59 : #4d1444 : -10
61 : #4e1344 : -8
63 : #4f1245 : -6
65 : #501145 : -4
67 : #511046 : -2
69 : #520f47 : ±0
71 : #530e47 : +2
73 : #540d48 : +4
75 : #550c49 : +6
77 : #560b49 : +8
79 : #570a4a : +10
81 : #58094b : +12
83 : #59084b : +14
85 : #5a074c : +16
87 : #5b064d : +18
89 : #5c054d : +20
91 : #5d044e : +22
93 : #5e034e : +24
95 : #5e024f : +26
97 : #5f0150 : +28
99 : #600050 : +30
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -18
3 : #0d020b : -16
5 : #160413 : -14
7 : #1e061a : -12
9 : #270722 : -10
11 : #2f0929 : -8
13 : #380a30 : -6
15 : #410c38 : -4
17 : #490d3f : -2
19 : #520f47 : ±0
21 : #5a114e : +2
23 : #631256 : +4
25 : #6c145d : +6
27 : #741565 : +8
29 : #7d176c : +10
31 : #861973 : +12
33 : #8e1a7b : +14
35 : #971c82 : +16
37 : #9f1d8a : +18
39 : #a81f91 : +20
41 : #b12099 : +22
43 : #b922a0 : +24
45 : #c224a8 : +26
47 : #cb25af : +28
49 : #d327b6 : +30
51 : #d82cbc : +32
53 : #da34be : +34
55 : #db3dc1 : +36
57 : #dd46c4 : +38
59 : #df4ec7 : +40
61 : #e057c9 : +42
63 : #e260cc : +44
65 : #e368cf : +46
67 : #e571d2 : +48
69 : #e679d4 : +50
71 : #e882d7 : +52
73 : #ea8bda : +54
75 : #eb93dd : +56
77 : #ed9cdf : +58
79 : #eea5e2 : +60
81 : #f0ade5 : +62
83 : #f2b6e8 : +64
85 : #f3beea : +66
87 : #f5c7ed : +68
89 : #f6d0f0 : +70
91 : #f8d8f3 : +72
93 : #f9e1f5 : +74
95 : #fbe9f8 : +76
97 : #fdf2fb : +78
99 : #fefbfe : +80
CSS入門、作ってます。
text-shadow