#4b0580
RGB ( 赤 = 75, 緑 = 5, 青 = 128 )
HSL ( 色相 = 274°, 彩度 = 92%, 明度 = 26% )
H : 色相 ( 274° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7f0d05 : -270
14 : #7f2205 : -260
24 : #7f3605 : -250
34 : #7f4a05 : -240
44 : #7f5f05 : -230
54 : #7f7305 : -220
64 : #777f05 : -210
74 : #637f05 : -200
84 : #4e7f05 : -190
94 : #3a7f05 : -180
104 : #267f05 : -170
114 : #127f05 : -160
124 : #057f0d : -150
134 : #057f22 : -140
144 : #057f36 : -130
154 : #057f4a : -120
164 : #057f5f : -110
174 : #057f73 : -100
184 : #05777f : -90
194 : #05637f : -80
204 : #054e7f : -70
214 : #053a7f : -60
224 : #05267f : -50
234 : #05127f : -40
244 : #0d057f : -30
254 : #22057f : -20
264 : #36057f : -10
274 : #4a057f : ±0
284 : #5f057f : +10
294 : #73057f : +20
304 : #7f0577 : +30
314 : #7f0563 : +40
324 : #7f054e : +50
334 : #7f053a : +60
344 : #7f0526 : +70
354 : #7f0512 : +80
264 : #36057f : -10
265 : #38057f : -9
266 : #3a057f : -8
267 : #3c057f : -7
268 : #3e057f : -6
269 : #40057f : -5
270 : #42057f : -4
271 : #44057f : -3
272 : #46057f : -2
273 : #48057f : -1
274 : #4a057f : ±0
275 : #4c057f : +1
276 : #4e057f : +2
277 : #51057f : +3
278 : #53057f : +4
279 : #55057f : +5
280 : #57057f : +6
281 : #59057f : +7
282 : #5b057f : +8
283 : #5d057f : +9
284 : #5f057f : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -92
2 : #424144 : -90
4 : #434045 : -88
6 : #433e46 : -86
8 : #433d48 : -84
10 : #433c49 : -82
12 : #433a4a : -80
14 : #44394c : -78
16 : #44384d : -76
18 : #44364e : -74
20 : #443550 : -72
22 : #443451 : -70
24 : #443252 : -68
26 : #453154 : -66
28 : #453055 : -64
30 : #452e56 : -62
32 : #452d58 : -60
34 : #452c59 : -58
36 : #452a5a : -56
38 : #46295b : -54
40 : #46285d : -52
42 : #46265e : -50
44 : #46255f : -48
46 : #462461 : -46
48 : #472262 : -44
50 : #472163 : -42
52 : #472065 : -40
54 : #471e66 : -38
56 : #471d67 : -36
58 : #471c69 : -34
60 : #481b6a : -32
62 : #48196b : -30
64 : #48186d : -28
66 : #48176e : -26
68 : #48156f : -24
70 : #481471 : -22
72 : #491372 : -20
74 : #491173 : -18
76 : #491075 : -16
78 : #490f76 : -14
80 : #490d77 : -12
82 : #4a0c79 : -10
84 : #4a0b7a : -8
86 : #4a097b : -6
88 : #4a087d : -4
90 : #4a077e : -2
92 : #4a057f : ±0
94 : #4b0481 : +2
96 : #4b0382 : +4
98 : #4b0183 : +6
100 : #4b0085 : +8
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #06000a : -24
4 : #0b0114 : -22
6 : #11011d : -20
8 : #170227 : -18
10 : #1d0231 : -16
12 : #22023b : -14
14 : #280345 : -12
16 : #2e034e : -10
18 : #340458 : -8
20 : #390462 : -6
22 : #3f046c : -4
24 : #450576 : -2
26 : #4a057f : ±0
28 : #500689 : +2
30 : #560693 : +4
32 : #5c079d : +6
34 : #6107a6 : +8
36 : #6707b0 : +10
38 : #6d08ba : +12
40 : #7308c4 : +14
42 : #7809ce : +16
44 : #7e09d7 : +18
46 : #8409e1 : +20
48 : #890aeb : +22
50 : #8f0af5 : +24
52 : #9414f5 : +26
54 : #981ef6 : +28
56 : #9d28f6 : +30
58 : #a131f6 : +32
60 : #a63bf7 : +34
62 : #aa45f7 : +36
64 : #ae4ff8 : +38
66 : #b359f8 : +40
68 : #b762f8 : +42
70 : #bc6cf9 : +44
72 : #c076f9 : +46
74 : #c580fa : +48
76 : #c989fa : +50
78 : #ce93fb : +52
80 : #d29dfb : +54
82 : #d7a7fb : +56
84 : #dbb1fc : +58
86 : #e0bafc : +60
88 : #e4c4fd : +62
90 : #e9cefd : +64
92 : #edd8fd : +66
94 : #f2e2fe : +68
96 : #f6ebfe : +70
98 : #fbf5ff : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow