#570532
RGB ( 赤 = 87, 緑 = 5, 青 = 50 )
HSL ( 色相 = 327°, 彩度 = 89%, 明度 = 18% )
H : 色相 ( 327° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #570f05 : -320
17 : #571c05 : -310
27 : #572a05 : -300
37 : #573705 : -290
47 : #574505 : -280
57 : #575305 : -270
67 : #4d5705 : -260
77 : #405705 : -250
87 : #325705 : -240
97 : #245705 : -230
107 : #175705 : -220
117 : #095705 : -210
127 : #05570f : -200
137 : #05571c : -190
147 : #05572a : -180
157 : #055737 : -170
167 : #055745 : -160
177 : #055753 : -150
187 : #054d57 : -140
197 : #054057 : -130
207 : #053257 : -120
217 : #052457 : -110
227 : #051757 : -100
237 : #050957 : -90
247 : #0f0557 : -80
257 : #1c0557 : -70
267 : #2a0557 : -60
277 : #370557 : -50
287 : #450557 : -40
297 : #530557 : -30
307 : #57054d : -20
317 : #570540 : -10
327 : #570532 : ±0
337 : #570524 : +10
347 : #570517 : +20
357 : #570509 : +30
317 : #570540 : -10
318 : #57053e : -9
319 : #57053d : -8
320 : #57053c : -7
321 : #57053a : -6
322 : #570539 : -5
323 : #570537 : -4
324 : #570536 : -3
325 : #570535 : -2
326 : #570533 : -1
327 : #570532 : ±0
328 : #570531 : +1
329 : #57052f : +2
330 : #57052e : +3
331 : #57052d : +4
332 : #57052b : +5
333 : #57052a : +6
334 : #570528 : +7
335 : #570527 : +8
336 : #570526 : +9
337 : #570524 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2e2d2e : -88
3 : #2f2d2e : -86
5 : #302c2e : -84
7 : #312b2e : -82
9 : #322a2e : -80
11 : #33292e : -78
13 : #34282e : -76
15 : #35272f : -74
17 : #36262f : -72
19 : #37252f : -70
21 : #38242f : -68
23 : #38232f : -66
25 : #39222f : -64
27 : #3a222f : -62
29 : #3b212f : -60
31 : #3c202f : -58
33 : #3d1f2f : -56
35 : #3e1e30 : -54
37 : #3f1d30 : -52
39 : #401c30 : -50
41 : #411b30 : -48
43 : #421a30 : -46
45 : #431930 : -44
47 : #431830 : -42
49 : #441730 : -40
51 : #451630 : -38
53 : #461630 : -36
55 : #471530 : -34
57 : #481431 : -32
59 : #491331 : -30
61 : #4a1231 : -28
63 : #4b1131 : -26
65 : #4c1031 : -24
67 : #4d0f31 : -22
69 : #4e0e31 : -20
71 : #4e0d31 : -18
73 : #4f0c31 : -16
75 : #500b31 : -14
77 : #510b31 : -12
79 : #520a32 : -10
81 : #530932 : -8
83 : #540832 : -6
85 : #550732 : -4
87 : #560632 : -2
89 : #570532 : ±0
91 : #580432 : +2
93 : #590332 : +4
95 : #5a0232 : +6
97 : #5a0132 : +8
99 : #5b0032 : +10
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a0106 : -16
4 : #13010b : -14
6 : #1d0211 : -12
8 : #270216 : -10
10 : #30031c : -8
12 : #3a0321 : -6
14 : #430427 : -4
16 : #4d042c : -2
18 : #570532 : ±0
20 : #600638 : +2
22 : #6a063d : +4
24 : #740743 : +6
26 : #7d0748 : +8
28 : #87084e : +10
30 : #910853 : +12
32 : #9a0959 : +14
34 : #a40a5e : +16
36 : #ae0a64 : +18
38 : #b70b6a : +20
40 : #c10b6f : +22
42 : #ca0c75 : +24
44 : #d40c7a : +26
46 : #de0d80 : +28
48 : #e70d85 : +30
50 : #f10e8b : +32
52 : #f2188f : +34
54 : #f22194 : +36
56 : #f32b99 : +38
58 : #f3359d : +40
60 : #f43ea2 : +42
62 : #f448a7 : +44
64 : #f551ab : +46
66 : #f55bb0 : +48
68 : #f665b5 : +50
70 : #f76eb9 : +52
72 : #f778be : +54
74 : #f882c3 : +56
76 : #f88bc7 : +58
78 : #f995cc : +60
80 : #f99fd1 : +62
82 : #faa8d5 : +64
84 : #fbb2da : +66
86 : #fbbcde : +68
88 : #fcc5e3 : +70
90 : #fccfe8 : +72
92 : #fdd8ec : +74
94 : #fde2f1 : +76
96 : #feecf6 : +78
98 : #fef5fa : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow