#510b48
RGB ( 赤 = 81, 緑 = 11, 青 = 72 )
HSL ( 色相 = 308°, 彩度 = 76%, 明度 = 18% )
H : 色相 ( 308° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #51140b : -300
18 : #51200b : -290
28 : #512c0b : -280
38 : #51370b : -270
48 : #51430b : -260
58 : #514e0b : -250
68 : #47510b : -240
78 : #3c510b : -230
88 : #30510b : -220
98 : #25510b : -210
108 : #19510b : -200
118 : #0d510b : -190
128 : #0b5114 : -180
138 : #0b5120 : -170
148 : #0b512c : -160
158 : #0b5137 : -150
168 : #0b5143 : -140
178 : #0b514e : -130
188 : #0b4751 : -120
198 : #0b3c51 : -110
208 : #0b3051 : -100
218 : #0b2551 : -90
228 : #0b1951 : -80
238 : #0b0d51 : -70
248 : #140b51 : -60
258 : #200b51 : -50
268 : #2c0b51 : -40
278 : #370b51 : -30
288 : #430b51 : -20
298 : #4e0b51 : -10
308 : #510b47 : ±0
318 : #510b3c : +10
328 : #510b30 : +20
338 : #510b25 : +30
348 : #510b19 : +40
358 : #510b0d : +50
298 : #4e0b51 : -10
299 : #500b51 : -9
300 : #510b51 : -8
301 : #510b50 : -7
302 : #510b4e : -6
303 : #510b4d : -5
304 : #510b4c : -4
305 : #510b4b : -3
306 : #510b4a : -2
307 : #510b49 : -1
308 : #510b47 : ±0
309 : #510b46 : +1
310 : #510b45 : +2
311 : #510b44 : +3
312 : #510b43 : +4
313 : #510b42 : +5
314 : #510b41 : +6
315 : #510b3f : +7
316 : #510b3e : +8
317 : #510b3d : +9
318 : #510b3c : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -76
2 : #2f2d2f : -74
4 : #302c2f : -72
6 : #312b30 : -70
8 : #322a31 : -68
10 : #322931 : -66
12 : #332832 : -64
14 : #342733 : -62
16 : #352733 : -60
18 : #362634 : -58
20 : #372535 : -56
22 : #382435 : -54
24 : #392336 : -52
26 : #3a2237 : -50
28 : #3b2137 : -48
30 : #3c2038 : -46
32 : #3d1f39 : -44
34 : #3e1e39 : -42
36 : #3e1d3a : -40
38 : #3f1c3b : -38
40 : #401c3b : -36
42 : #411b3c : -34
44 : #421a3d : -32
46 : #43193d : -30
48 : #44183e : -28
50 : #45173f : -26
52 : #46163f : -24
54 : #471540 : -22
56 : #481441 : -20
58 : #491341 : -18
60 : #491242 : -16
62 : #4a1143 : -14
64 : #4b1143 : -12
66 : #4c1044 : -10
68 : #4d0f45 : -8
70 : #4e0e45 : -6
72 : #4f0d46 : -4
74 : #500c47 : -2
76 : #510b47 : ±0
78 : #520a48 : +2
80 : #530949 : +4
82 : #54084a : +6
84 : #54074a : +8
86 : #55064b : +10
88 : #56064c : +12
90 : #57054c : +14
92 : #58044d : +16
94 : #59034e : +18
96 : #5a024e : +20
98 : #5b014f : +22
100 : #5c0050 : +24
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090108 : -16
4 : #120210 : -14
6 : #1b0418 : -12
8 : #240520 : -10
10 : #2d0628 : -8
12 : #360730 : -6
14 : #3f0938 : -4
16 : #480a40 : -2
18 : #510b47 : ±0
20 : #5a0c4f : +2
22 : #630d57 : +4
24 : #6c0f5f : +6
26 : #751067 : +8
28 : #7e116f : +10
30 : #871277 : +12
32 : #90147f : +14
34 : #991587 : +16
36 : #a2168f : +18
38 : #ab1797 : +20
40 : #b4189f : +22
42 : #bc1aa7 : +24
44 : #c51baf : +26
46 : #ce1cb7 : +28
48 : #d71dbf : +30
50 : #e01fc7 : +32
52 : #e228c9 : +34
54 : #e331cb : +36
56 : #e43acd : +38
58 : #e543d0 : +40
60 : #e74bd2 : +42
62 : #e854d4 : +44
64 : #e95dd6 : +46
66 : #ea66d9 : +48
68 : #eb6fdb : +50
70 : #ed78dd : +52
72 : #ee81df : +54
74 : #ef8ae2 : +56
76 : #f093e4 : +58
78 : #f29ce6 : +60
80 : #f3a5e8 : +62
82 : #f4aeeb : +64
84 : #f5b7ed : +66
86 : #f6c0ef : +68
88 : #f8c9f1 : +70
90 : #f9d2f4 : +72
92 : #fadbf6 : +74
94 : #fbe4f8 : +76
96 : #fdedfa : +78
98 : #fef6fd : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow