#5d0451
RGB ( 赤 = 93, 緑 = 4, 青 = 81 )
HSL ( 色相 = 308°, 彩度 = 92%, 明度 = 19% )
H : 色相 ( 308° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #5d1004 : -300
18 : #5d1f04 : -290
28 : #5d2d04 : -280
38 : #5d3c04 : -270
48 : #5d4b04 : -260
58 : #5d5a04 : -250
68 : #515d04 : -240
78 : #425d04 : -230
88 : #335d04 : -220
98 : #255d04 : -210
108 : #165d04 : -200
118 : #075d04 : -190
128 : #045d10 : -180
138 : #045d1f : -170
148 : #045d2d : -160
158 : #045d3c : -150
168 : #045d4b : -140
178 : #045d5a : -130
188 : #04515d : -120
198 : #04425d : -110
208 : #04335d : -100
218 : #04255d : -90
228 : #04165d : -80
238 : #04075d : -70
248 : #10045d : -60
258 : #1f045d : -50
268 : #2d045d : -40
278 : #3c045d : -30
288 : #4b045d : -20
298 : #5a045d : -10
308 : #5d0451 : ±0
318 : #5d0442 : +10
328 : #5d0433 : +20
338 : #5d0425 : +30
348 : #5d0416 : +40
358 : #5d0407 : +50
298 : #5a045d : -10
299 : #5c045d : -9
300 : #5d045d : -8
301 : #5d045c : -7
302 : #5d045a : -6
303 : #5d0459 : -5
304 : #5d0457 : -4
305 : #5d0456 : -3
306 : #5d0454 : -2
307 : #5d0453 : -1
308 : #5d0451 : ±0
309 : #5d0450 : +1
310 : #5d044e : +2
311 : #5d044d : +3
312 : #5d044b : +4
313 : #5d044a : +5
314 : #5d0448 : +6
315 : #5d0447 : +7
316 : #5d0445 : +8
317 : #5d0444 : +9
318 : #5d0442 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -92
2 : #312f31 : -90
4 : #322f32 : -88
6 : #332e33 : -86
8 : #342d33 : -84
10 : #352c34 : -82
12 : #362b35 : -80
14 : #372a35 : -78
16 : #382936 : -76
18 : #392837 : -74
20 : #3a2738 : -72
22 : #3b2638 : -70
24 : #3c2539 : -68
26 : #3d243a : -66
28 : #3e233a : -64
30 : #3f223b : -62
32 : #40213c : -60
34 : #41203d : -58
36 : #421f3d : -56
38 : #431e3e : -54
40 : #441d3f : -52
42 : #451c3f : -50
44 : #461b40 : -48
46 : #471a41 : -46
48 : #481942 : -44
50 : #491842 : -42
52 : #4a1743 : -40
54 : #4b1644 : -38
56 : #4c1544 : -36
58 : #4d1445 : -34
60 : #4e1346 : -32
62 : #4e1246 : -30
64 : #4f1147 : -28
66 : #501048 : -26
68 : #511049 : -24
70 : #520f49 : -22
72 : #530e4a : -20
74 : #540d4b : -18
76 : #550c4b : -16
78 : #560b4c : -14
80 : #570a4d : -12
82 : #58094e : -10
84 : #59084e : -8
86 : #5a074f : -6
88 : #5b0650 : -4
90 : #5c0550 : -2
92 : #5d0451 : ±0
94 : #5e0352 : +2
96 : #5f0253 : +4
98 : #600153 : +6
100 : #610054 : +8
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -18
3 : #0f010d : -16
5 : #180115 : -14
7 : #22011e : -12
9 : #2c0226 : -10
11 : #36022f : -8
13 : #400338 : -6
15 : #490340 : -4
17 : #530349 : -2
19 : #5d0451 : ±0
21 : #67045a : +2
23 : #710562 : +4
25 : #7a056b : +6
27 : #840673 : +8
29 : #8e067c : +10
31 : #980684 : +12
33 : #a2078d : +14
35 : #ab0795 : +16
37 : #b5089e : +18
39 : #bf08a7 : +20
41 : #c908af : +22
43 : #d309b8 : +24
45 : #dc09c0 : +26
47 : #e60ac9 : +28
49 : #f00ad1 : +30
51 : #f50fd6 : +32
53 : #f519d8 : +34
55 : #f623da : +36
57 : #f62cdb : +38
59 : #f736dd : +40
61 : #f740df : +42
63 : #f74ae0 : +44
65 : #f854e2 : +46
67 : #f85de4 : +48
69 : #f967e5 : +50
71 : #f971e7 : +52
73 : #f97be9 : +54
75 : #fa85ea : +56
77 : #fa8eec : +58
79 : #fb98ee : +60
81 : #fba2ef : +62
83 : #fcacf1 : +64
85 : #fcb6f3 : +66
87 : #fcbff4 : +68
89 : #fdc9f6 : +70
91 : #fdd3f8 : +72
93 : #feddf9 : +74
95 : #fee7fb : +76
97 : #fef0fd : +78
99 : #fffafe : +80
CSS入門、作ってます。
text-shadow