#52255f
RGB ( 赤 = 82, 緑 = 37, 青 = 95 )
HSL ( 色相 = 287°, 彩度 = 44%, 明度 = 26% )
H : 色相 ( 287° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #5f2c25 : -280
17 : #5f3625 : -270
27 : #5f3f25 : -260
37 : #5f4925 : -250
47 : #5f5325 : -240
57 : #5f5d25 : -230
67 : #595f25 : -220
77 : #4f5f25 : -210
87 : #455f25 : -200
97 : #3b5f25 : -190
107 : #325f25 : -180
117 : #285f25 : -170
127 : #255f2c : -160
137 : #255f36 : -150
147 : #255f3f : -140
157 : #255f49 : -130
167 : #255f53 : -120
177 : #255f5d : -110
187 : #25595f : -100
197 : #254f5f : -90
207 : #25455f : -80
217 : #253b5f : -70
227 : #25325f : -60
237 : #25285f : -50
247 : #2c255f : -40
257 : #36255f : -30
267 : #3f255f : -20
277 : #49255f : -10
287 : #53255f : ±0
297 : #5d255f : +10
307 : #5f2559 : +20
317 : #5f254f : +30
327 : #5f2545 : +40
337 : #5f253b : +50
347 : #5f2532 : +60
357 : #5f2528 : +70
277 : #49255f : -10
278 : #4a255f : -9
279 : #4b255f : -8
280 : #4c255f : -7
281 : #4d255f : -6
282 : #4e255f : -5
283 : #4f255f : -4
284 : #50255f : -3
285 : #51255f : -2
286 : #52255f : -1
287 : #53255f : ±0
288 : #54255f : +1
289 : #55255f : +2
290 : #56255f : +3
291 : #57255f : +4
292 : #58255f : +5
293 : #59255f : +6
294 : #5a255f : +7
295 : #5b255f : +8
296 : #5c255f : +9
297 : #5d255f : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -44
2 : #434144 : -42
4 : #444045 : -40
6 : #453e46 : -38
8 : #453d48 : -36
10 : #463c49 : -34
12 : #473a4a : -32
14 : #48394c : -30
16 : #48384d : -28
18 : #49364e : -26
20 : #4a3550 : -24
22 : #4b3451 : -22
24 : #4b3252 : -20
26 : #4c3154 : -18
28 : #4d3055 : -16
30 : #4e2e56 : -14
32 : #4e2d58 : -12
34 : #4f2c59 : -10
36 : #502a5a : -8
38 : #51295b : -6
40 : #51285d : -4
42 : #52265e : -2
44 : #53255f : ±0
46 : #542461 : +2
48 : #542262 : +4
50 : #552163 : +6
52 : #562065 : +8
54 : #571e66 : +10
56 : #571d67 : +12
58 : #581c69 : +14
60 : #591b6a : +16
62 : #5a196b : +18
64 : #5a186d : +20
66 : #5b176e : +22
68 : #5c156f : +24
70 : #5d1471 : +26
72 : #5d1372 : +28
74 : #5e1173 : +30
76 : #5f1075 : +32
78 : #600f76 : +34
80 : #600d77 : +36
82 : #610c79 : +38
84 : #620b7a : +40
86 : #63097b : +42
88 : #63087d : +44
90 : #64077e : +46
92 : #65057f : +48
94 : #660481 : +50
96 : #660382 : +52
98 : #670183 : +54
100 : #680085 : +56
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #060307 : -24
4 : #0d060f : -22
6 : #130916 : -20
8 : #190b1d : -18
10 : #200e25 : -16
12 : #26112c : -14
14 : #2d1433 : -12
16 : #33173b : -10
18 : #391a42 : -8
20 : #401d49 : -6
22 : #461f51 : -4
24 : #4c2258 : -2
26 : #53255f : ±0
28 : #592867 : +2
30 : #602b6e : +4
32 : #662e76 : +6
34 : #6c317d : +8
36 : #733384 : +10
38 : #79368c : +12
40 : #7f3993 : +14
42 : #863c9a : +16
44 : #8c3fa2 : +18
46 : #9342a9 : +20
48 : #9945b0 : +22
50 : #9f47b8 : +24
52 : #a34fba : +26
54 : #a756bd : +28
56 : #ab5dc0 : +30
58 : #af65c3 : +32
60 : #b26cc6 : +34
62 : #b673c9 : +36
64 : #ba7bcc : +38
66 : #be82ce : +40
68 : #c289d1 : +42
70 : #c691d4 : +44
72 : #c998d7 : +46
74 : #cda0da : +48
76 : #d1a7dd : +50
78 : #d5aee0 : +52
80 : #d9b6e2 : +54
82 : #ddbde5 : +56
84 : #e0c4e8 : +58
86 : #e4cceb : +60
88 : #e8d3ee : +62
90 : #ecdaf1 : +64
92 : #f0e2f4 : +66
94 : #f4e9f6 : +68
96 : #f7f0f9 : +70
98 : #fbf8fc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow