#500858
RGB ( 赤 = 80, 緑 = 8, 青 = 88 )
HSL ( 色相 = 294°, 彩度 = 83%, 明度 = 19% )
H : 色相 ( 294° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #590e08 : -290
14 : #591b08 : -280
24 : #592808 : -270
34 : #593608 : -260
44 : #594308 : -250
54 : #595108 : -240
64 : #535908 : -230
74 : #465908 : -220
84 : #385908 : -210
94 : #2b5908 : -200
104 : #1e5908 : -190
114 : #105908 : -180
124 : #08590e : -170
134 : #08591b : -160
144 : #085928 : -150
154 : #085936 : -140
164 : #085943 : -130
174 : #085951 : -120
184 : #085359 : -110
194 : #084659 : -100
204 : #083859 : -90
214 : #082b59 : -80
224 : #081e59 : -70
234 : #081059 : -60
244 : #0e0859 : -50
254 : #1b0859 : -40
264 : #280859 : -30
274 : #360859 : -20
284 : #430859 : -10
294 : #510859 : ±0
304 : #590853 : +10
314 : #590846 : +20
324 : #590838 : +30
334 : #59082b : +40
344 : #59081e : +50
354 : #590810 : +60
284 : #430859 : -10
285 : #450859 : -9
286 : #460859 : -8
287 : #470859 : -7
288 : #490859 : -6
289 : #4a0859 : -5
290 : #4b0859 : -4
291 : #4d0859 : -3
292 : #4e0859 : -2
293 : #4f0859 : -1
294 : #510859 : ±0
295 : #520859 : +1
296 : #530859 : +2
297 : #550859 : +3
298 : #560859 : +4
299 : #570859 : +5
300 : #590859 : +6
301 : #590857 : +7
302 : #590856 : +8
303 : #590855 : +9
304 : #590853 : +10
S : 彩度 ( 83% )
(0%) 渋い ～ 鮮やか (100%)
1 : #313031 : -82
3 : #322f32 : -80
5 : #322e33 : -78
7 : #332d34 : -76
9 : #342c35 : -74
11 : #352b36 : -72
13 : #352a37 : -70
15 : #362938 : -68
17 : #372839 : -66
19 : #38273a : -64
21 : #39263b : -62
23 : #39253c : -60
25 : #3a243d : -58
27 : #3b233e : -56
29 : #3c223f : -54
31 : #3c213f : -52
33 : #3d2040 : -50
35 : #3e1f41 : -48
37 : #3f1f42 : -46
39 : #401e43 : -44
41 : #401d44 : -42
43 : #411c45 : -40
45 : #421b46 : -38
47 : #431a47 : -36
49 : #431948 : -34
51 : #441849 : -32
53 : #45174a : -30
55 : #46164b : -28
57 : #47154c : -26
59 : #47144d : -24
61 : #48134e : -22
63 : #49124f : -20
65 : #4a1150 : -18
67 : #4a1051 : -16
69 : #4b0f52 : -14
71 : #4c0e53 : -12
73 : #4d0d54 : -10
75 : #4e0c55 : -8
77 : #4e0b56 : -6
79 : #4f0a57 : -4
81 : #500958 : -2
83 : #510859 : ±0
85 : #51075a : +2
87 : #52065b : +4
89 : #53055c : +6
91 : #54045d : +8
93 : #54035e : +10
95 : #55025e : +12
97 : #56015f : +14
99 : #570060 : +16
L : 明度 ( 19% )
(0%) 暗い ～ 明るい (100%)
1 : #040005 : -18
3 : #0d010e : -16
5 : #150217 : -14
7 : #1e0321 : -12
9 : #26042a : -10
11 : #2f0533 : -8
13 : #37063d : -6
15 : #400746 : -4
17 : #48074f : -2
19 : #510859 : ±0
21 : #590962 : +2
23 : #620a6b : +4
25 : #6a0b75 : +6
27 : #730c7e : +8
29 : #7b0d87 : +10
31 : #840d91 : +12
33 : #8c0e9a : +14
35 : #950fa3 : +16
37 : #9d10ad : +18
39 : #a511b6 : +20
41 : #ae12bf : +22
43 : #b613c9 : +24
45 : #bf14d2 : +26
47 : #c714db : +28
49 : #d015e5 : +30
51 : #d51aea : +32
53 : #d724eb : +34
55 : #d82deb : +36
57 : #da36ec : +38
59 : #dc40ed : +40
61 : #de49ee : +42
63 : #df52ef : +44
65 : #e15cf0 : +46
67 : #e365f1 : +48
69 : #e46ef2 : +50
71 : #e678f2 : +52
73 : #e881f3 : +54
75 : #ea8af4 : +56
77 : #eb94f5 : +58
79 : #ed9df6 : +60
81 : #efa6f7 : +62
83 : #f0b0f8 : +64
85 : #f2b9f8 : +66
87 : #f4c2f9 : +68
89 : #f6ccfa : +70
91 : #f7d5fb : +72
93 : #f9defc : +74
95 : #fbe8fd : +76
97 : #fcf1fe : +78
99 : #fefaff : +80
CSS入門、作ってます。
text-shadow