#512159
RGB ( 赤 = 81, 緑 = 33, 青 = 89 )
HSL ( 色相 = 291°, 彩度 = 46%, 明度 = 24% )
H : 色相 ( 291° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #592221 : -290
11 : #592b21 : -280
21 : #593521 : -270
31 : #593e21 : -260
41 : #594821 : -250
51 : #595121 : -240
61 : #585921 : -230
71 : #4f5921 : -220
81 : #465921 : -210
91 : #3c5921 : -200
101 : #335921 : -190
111 : #295921 : -180
121 : #215922 : -170
131 : #21592b : -160
141 : #215935 : -150
151 : #21593e : -140
161 : #215948 : -130
171 : #215951 : -120
181 : #215859 : -110
191 : #214f59 : -100
201 : #214659 : -90
211 : #213c59 : -80
221 : #213359 : -70
231 : #212959 : -60
241 : #222159 : -50
251 : #2b2159 : -40
261 : #352159 : -30
271 : #3e2159 : -20
281 : #482159 : -10
291 : #512159 : ±0
301 : #592158 : +10
311 : #59214f : +20
321 : #592146 : +30
331 : #59213c : +40
341 : #592133 : +50
351 : #592129 : +60
281 : #482159 : -10
282 : #482159 : -9
283 : #492159 : -8
284 : #4a2159 : -7
285 : #4b2159 : -6
286 : #4c2159 : -5
287 : #4d2159 : -4
288 : #4e2159 : -3
289 : #4f2159 : -2
290 : #502159 : -1
291 : #512159 : ±0
292 : #522159 : +1
293 : #532159 : +2
294 : #542159 : +3
295 : #552159 : +4
296 : #562159 : +5
297 : #572159 : +6
298 : #572159 : +7
299 : #582159 : +8
300 : #592159 : +9
301 : #592158 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -46
2 : #3e3c3e : -44
4 : #3f3b40 : -42
6 : #403a41 : -40
8 : #413842 : -38
10 : #413743 : -36
12 : #423645 : -34
14 : #433546 : -32
16 : #443347 : -30
18 : #453248 : -28
20 : #463149 : -26
22 : #47304b : -24
24 : #472f4c : -22
26 : #482d4d : -20
28 : #492c4e : -18
30 : #4a2b50 : -16
32 : #4b2a51 : -14
34 : #4c2852 : -12
36 : #4d2753 : -10
38 : #4d2654 : -8
40 : #4e2556 : -6
42 : #4f2357 : -4
44 : #502258 : -2
46 : #512159 : ±0
48 : #52205b : +2
50 : #531f5c : +4
52 : #531d5d : +6
54 : #541c5e : +8
56 : #551b5f : +10
58 : #561a61 : +12
60 : #571862 : +14
62 : #581763 : +16
64 : #591664 : +18
66 : #591566 : +20
68 : #5a1467 : +22
70 : #5b1268 : +24
72 : #5c1169 : +26
74 : #5d106a : +28
76 : #5e0f6c : +30
78 : #5f0d6d : +32
80 : #5f0c6e : +34
82 : #600b6f : +36
84 : #610a71 : +38
86 : #620972 : +40
88 : #630773 : +42
90 : #640674 : +44
92 : #650576 : +46
94 : #650477 : +48
96 : #660278 : +50
98 : #670179 : +52
100 : #68007a : +54
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #070307 : -22
4 : #0d060f : -20
6 : #140816 : -18
8 : #1b0b1e : -16
10 : #220e25 : -14
12 : #28112d : -12
14 : #2f1334 : -10
16 : #36163c : -8
18 : #3d1943 : -6
20 : #431c4a : -4
22 : #4a1e52 : -2
24 : #512159 : ±0
26 : #582461 : +2
28 : #5e2768 : +4
30 : #652970 : +6
32 : #6c2c77 : +8
34 : #732f7f : +10
36 : #793286 : +12
38 : #80348d : +14
40 : #873795 : +16
42 : #8e3a9c : +18
44 : #943da4 : +20
46 : #9b3fab : +22
48 : #a242b3 : +24
50 : #a945ba : +26
52 : #ac4cbd : +28
54 : #af54c0 : +30
56 : #b35bc2 : +32
58 : #b663c5 : +34
60 : #ba6ac8 : +36
62 : #bd72cb : +38
64 : #c179cd : +40
66 : #c480d0 : +42
68 : #c888d3 : +44
70 : #cb8fd6 : +46
72 : #cf97d8 : +48
74 : #d29edb : +50
76 : #d6a6de : +52
78 : #d9ade1 : +54
80 : #dcb5e3 : +56
82 : #e0bce6 : +58
84 : #e3c3e9 : +60
86 : #e7cbec : +62
88 : #ead2ee : +64
90 : #eedaf1 : +66
92 : #f1e1f4 : +68
94 : #f5e9f7 : +70
96 : #f8f0f9 : +72
98 : #fcf8fc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow