#5d0450
RGB ( 赤 = 93, 緑 = 4, 青 = 80 )
HSL ( 色相 = 309°, 彩度 = 92%, 明度 = 19% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #5d1104 : -300
19 : #5d2004 : -290
29 : #5d2f04 : -280
39 : #5d3e04 : -270
49 : #5d4d04 : -260
59 : #5d5c04 : -250
69 : #505d04 : -240
79 : #415d04 : -230
89 : #325d04 : -220
99 : #235d04 : -210
109 : #145d04 : -200
119 : #055d04 : -190
129 : #045d11 : -180
139 : #045d20 : -170
149 : #045d2f : -160
159 : #045d3e : -150
169 : #045d4d : -140
179 : #045d5c : -130
189 : #04505d : -120
199 : #04415d : -110
209 : #04325d : -100
219 : #04235d : -90
229 : #04145d : -80
239 : #04055d : -70
249 : #11045d : -60
259 : #20045d : -50
269 : #2f045d : -40
279 : #3e045d : -30
289 : #4d045d : -20
299 : #5c045d : -10
309 : #5d0450 : ±0
319 : #5d0441 : +10
329 : #5d0432 : +20
339 : #5d0423 : +30
349 : #5d0414 : +40
359 : #5d0405 : +50
299 : #5c045d : -10
300 : #5d045d : -9
301 : #5d045c : -8
302 : #5d045a : -7
303 : #5d0459 : -6
304 : #5d0457 : -5
305 : #5d0456 : -4
306 : #5d0454 : -3
307 : #5d0453 : -2
308 : #5d0451 : -1
309 : #5d0450 : ±0
310 : #5d044e : +1
311 : #5d044d : +2
312 : #5d044b : +3
313 : #5d044a : +4
314 : #5d0448 : +5
315 : #5d0447 : +6
316 : #5d0445 : +7
317 : #5d0444 : +8
318 : #5d0442 : +9
319 : #5d0441 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -92
2 : #312f31 : -90
4 : #322f32 : -88
6 : #332e32 : -86
8 : #342d33 : -84
10 : #352c34 : -82
12 : #362b35 : -80
14 : #372a35 : -78
16 : #382936 : -76
18 : #392837 : -74
20 : #3a2737 : -72
22 : #3b2638 : -70
24 : #3c2539 : -68
26 : #3d2439 : -66
28 : #3e233a : -64
30 : #3f223b : -62
32 : #40213b : -60
34 : #41203c : -58
36 : #421f3d : -56
38 : #431e3d : -54
40 : #441d3e : -52
42 : #451c3f : -50
44 : #461b3f : -48
46 : #471a40 : -46
48 : #481941 : -44
50 : #491841 : -42
52 : #4a1742 : -40
54 : #4b1643 : -38
56 : #4c1543 : -36
58 : #4d1444 : -34
60 : #4e1345 : -32
62 : #4e1245 : -30
64 : #4f1146 : -28
66 : #501047 : -26
68 : #511048 : -24
70 : #520f48 : -22
72 : #530e49 : -20
74 : #540d4a : -18
76 : #550c4a : -16
78 : #560b4b : -14
80 : #570a4c : -12
82 : #58094c : -10
84 : #59084d : -8
86 : #5a074e : -6
88 : #5b064e : -4
90 : #5c054f : -2
92 : #5d0450 : ±0
94 : #5e0350 : +2
96 : #5f0251 : +4
98 : #600152 : +6
100 : #610052 : +8
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -18
3 : #0f010d : -16
5 : #180115 : -14
7 : #22011d : -12
9 : #2c0226 : -10
11 : #36022e : -8
13 : #400336 : -6
15 : #49033f : -4
17 : #530347 : -2
19 : #5d0450 : ±0
21 : #670458 : +2
23 : #710560 : +4
25 : #7a0569 : +6
27 : #840671 : +8
29 : #8e067a : +10
31 : #980682 : +12
33 : #a2078a : +14
35 : #ab0793 : +16
37 : #b5089b : +18
39 : #bf08a3 : +20
41 : #c908ac : +22
43 : #d309b4 : +24
45 : #dc09bd : +26
47 : #e60ac5 : +28
49 : #f00acd : +30
51 : #f50fd3 : +32
53 : #f519d4 : +34
55 : #f623d6 : +36
57 : #f62cd8 : +38
59 : #f736da : +40
61 : #f740dc : +42
63 : #f74add : +44
65 : #f854df : +46
67 : #f85de1 : +48
69 : #f967e3 : +50
71 : #f971e5 : +52
73 : #f97be6 : +54
75 : #fa85e8 : +56
77 : #fa8eea : +58
79 : #fb98ec : +60
81 : #fba2ee : +62
83 : #fcacf0 : +64
85 : #fcb6f1 : +66
87 : #fcbff3 : +68
89 : #fdc9f5 : +70
91 : #fdd3f7 : +72
93 : #feddf9 : +74
95 : #fee7fa : +76
97 : #fef0fc : +78
99 : #fffafe : +80
CSS入門、作ってます。
text-shadow