#5a4171
RGB ( 赤 = 90, 緑 = 65, 青 = 113 )
HSL ( 色相 = 271°, 彩度 = 27%, 明度 = 35% )
H : 色相 ( 271° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #714241 : -270
11 : #714a41 : -260
21 : #715241 : -250
31 : #715a41 : -240
41 : #716241 : -230
51 : #716a41 : -220
61 : #717141 : -210
71 : #697141 : -200
81 : #607141 : -190
91 : #587141 : -180
101 : #507141 : -170
111 : #487141 : -160
121 : #417142 : -150
131 : #41714a : -140
141 : #417152 : -130
151 : #41715a : -120
161 : #417162 : -110
171 : #41716a : -100
181 : #417171 : -90
191 : #416971 : -80
201 : #416071 : -70
211 : #415871 : -60
221 : #415071 : -50
231 : #414871 : -40
241 : #424171 : -30
251 : #4a4171 : -20
261 : #524171 : -10
271 : #5a4171 : ±0
281 : #624171 : +10
291 : #6a4171 : +20
301 : #714171 : +30
311 : #714169 : +40
321 : #714160 : +50
331 : #714158 : +60
341 : #714150 : +70
351 : #714148 : +80
261 : #524171 : -10
262 : #534171 : -9
263 : #544171 : -8
264 : #544171 : -7
265 : #554171 : -6
266 : #564171 : -5
267 : #574171 : -4
268 : #584171 : -3
269 : #584171 : -2
270 : #594171 : -1
271 : #5a4171 : ±0
272 : #5b4171 : +1
273 : #5c4171 : +2
274 : #5c4171 : +3
275 : #5d4171 : +4
276 : #5e4171 : +5
277 : #5f4171 : +6
278 : #604171 : +7
279 : #604171 : +8
280 : #614171 : +9
281 : #624171 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #59585a : -26
3 : #59575c : -24
5 : #59555e : -22
7 : #59535f : -20
9 : #5a5161 : -18
11 : #5a4f63 : -16
13 : #5a4e65 : -14
15 : #5a4c67 : -12
17 : #5a4a68 : -10
19 : #5a486a : -8
21 : #5a476c : -6
23 : #5a456e : -4
25 : #5a4370 : -2
27 : #5a4171 : ±0
29 : #5a3f73 : +2
31 : #5a3e75 : +4
33 : #5a3c77 : +6
35 : #5a3a78 : +8
37 : #5a387a : +10
39 : #5a367c : +12
41 : #5a357e : +14
43 : #5b3380 : +16
45 : #5b3181 : +18
47 : #5b2f83 : +20
49 : #5b2e85 : +22
51 : #5b2c87 : +24
53 : #5b2a89 : +26
55 : #5b288a : +28
57 : #5b268c : +30
59 : #5b258e : +32
61 : #5b2390 : +34
63 : #5b2191 : +36
65 : #5b1f93 : +38
67 : #5b1d95 : +40
69 : #5b1c97 : +42
71 : #5b1a99 : +44
73 : #5b189a : +46
75 : #5b169c : +48
77 : #5c159e : +50
79 : #5c13a0 : +52
81 : #5c11a2 : +54
83 : #5c0fa3 : +56
85 : #5c0da5 : +58
87 : #5c0ca7 : +60
89 : #5c0aa9 : +62
91 : #5c08aa : +64
93 : #5c06ac : +66
95 : #5c04ae : +68
97 : #5c03b0 : +70
99 : #5c01b2 : +72
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -34
3 : #08060a : -32
5 : #0d0910 : -30
7 : #120d17 : -28
9 : #17111d : -26
11 : #1c1424 : -24
13 : #21182a : -22
15 : #271c31 : -20
17 : #2c2037 : -18
19 : #31233e : -16
21 : #362744 : -14
23 : #3b2b4a : -12
25 : #402f51 : -10
27 : #453257 : -8
29 : #4b365e : -6
31 : #503a64 : -4
33 : #553d6b : -2
35 : #5a4171 : ±0
37 : #5f4578 : +2
39 : #64497e : +4
41 : #694c85 : +6
43 : #6f508b : +8
45 : #745492 : +10
47 : #795798 : +12
49 : #7e5b9f : +14
51 : #8360a4 : +16
53 : #8867a8 : +18
55 : #8d6dab : +20
57 : #9274af : +22
59 : #977ab3 : +24
61 : #9c81b6 : +26
63 : #a187ba : +28
65 : #a78ebe : +30
67 : #ac94c2 : +32
69 : #b19bc5 : +34
71 : #b6a1c9 : +36
73 : #bba8cd : +38
75 : #c0aed0 : +40
77 : #c5b5d4 : +42
79 : #cabbd8 : +44
81 : #cfc1dc : +46
83 : #d4c8df : +48
85 : #d9cee3 : +50
87 : #ded5e7 : +52
89 : #e3dbeb : +54
91 : #e8e2ee : +56
93 : #ede8f2 : +58
95 : #f2eff6 : +60
97 : #f7f5f9 : +62
99 : #fcfcfd : +64
CSS入門、作ってます。
text-shadow