#578ea8
RGB ( 赤 = 87, 緑 = 142, 青 = 168 )
HSL ( 色相 = 199°, 彩度 = 32%, 明度 = 50% )
H : 色相 ( 199° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #a86357 : -190
19 : #a87157 : -180
29 : #a87e57 : -170
39 : #a88c57 : -160
49 : #a89957 : -150
59 : #a8a757 : -140
69 : #9ca857 : -130
79 : #8ea857 : -120
89 : #81a857 : -110
99 : #73a857 : -100
109 : #66a857 : -90
119 : #58a857 : -80
129 : #57a863 : -70
139 : #57a871 : -60
149 : #57a87e : -50
159 : #57a88c : -40
169 : #57a899 : -30
179 : #57a8a7 : -20
189 : #579ca8 : -10
199 : #578ea8 : ±0
209 : #5781a8 : +10
219 : #5773a8 : +20
229 : #5766a8 : +30
239 : #5758a8 : +40
249 : #6357a8 : +50
259 : #7157a8 : +60
269 : #7e57a8 : +70
279 : #8c57a8 : +80
289 : #9957a8 : +90
299 : #a757a8 : +100
309 : #a8579c : +110
319 : #a8578e : +120
329 : #a85781 : +130
339 : #a85773 : +140
349 : #a85766 : +150
359 : #a85758 : +160
189 : #579ca8 : -10
190 : #579ba8 : -9
191 : #5799a8 : -8
192 : #5798a8 : -7
193 : #5797a8 : -6
194 : #5795a8 : -5
195 : #5794a8 : -4
196 : #5793a8 : -3
197 : #5791a8 : -2
198 : #5790a8 : -1
199 : #578ea8 : ±0
200 : #578da8 : +1
201 : #578ca8 : +2
202 : #578aa8 : +3
203 : #5789a8 : +4
204 : #5788a8 : +5
205 : #5786a8 : +6
206 : #5785a8 : +7
207 : #5784a8 : +8
208 : #5782a8 : +9
209 : #5781a8 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -32
2 : #7d8082 : -30
4 : #7a8185 : -28
6 : #788287 : -26
8 : #75838a : -24
10 : #73848c : -22
12 : #70858f : -20
14 : #6e8691 : -18
16 : #6b8794 : -16
18 : #698896 : -14
20 : #668999 : -12
22 : #638a9c : -10
24 : #618b9e : -8
26 : #5e8ca1 : -6
28 : #5c8da3 : -4
30 : #598ea6 : -2
32 : #578ea8 : ±0
34 : #548fab : +2
36 : #5290ad : +4
38 : #4f91b0 : +6
40 : #4d92b3 : +8
42 : #4a93b5 : +10
44 : #4794b8 : +12
46 : #4595ba : +14
48 : #4296bd : +16
50 : #4097bf : +18
52 : #3d98c2 : +20
54 : #3b99c4 : +22
56 : #389ac7 : +24
58 : #369bc9 : +26
60 : #339ccc : +28
62 : #309ccf : +30
64 : #2e9dd1 : +32
66 : #2b9ed4 : +34
68 : #299fd6 : +36
70 : #26a0d9 : +38
72 : #24a1db : +40
74 : #21a2de : +42
76 : #1fa3e0 : +44
78 : #1ca4e3 : +46
80 : #1aa5e6 : +48
82 : #17a6e8 : +50
84 : #14a7eb : +52
86 : #12a8ed : +54
88 : #0fa9f0 : +56
90 : #0daaf2 : +58
92 : #0aabf5 : +60
94 : #08abf7 : +62
96 : #05acfa : +64
98 : #03adfc : +66
100 : #00aeff : +68
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #030607 : -48
4 : #070b0d : -46
6 : #0a1114 : -44
8 : #0e171b : -42
10 : #111c22 : -40
12 : #152228 : -38
14 : #18282f : -36
16 : #1c2e36 : -34
18 : #1f333d : -32
20 : #233943 : -30
22 : #263f4a : -28
24 : #2a4451 : -26
26 : #2d4a58 : -24
28 : #31505e : -22
30 : #345565 : -20
32 : #375b6c : -18
34 : #3b6172 : -16
36 : #3e6779 : -14
38 : #426c80 : -12
40 : #457287 : -10
42 : #49788d : -8
44 : #4c7d94 : -6
46 : #50839b : -4
48 : #5389a2 : -2
50 : #578ea8 : ±0
52 : #5d93ac : +2
54 : #6497af : +4
56 : #6b9cb3 : +6
58 : #72a0b6 : +8
60 : #78a5ba : +10
62 : #7fa9bd : +12
64 : #86aec1 : +14
66 : #8db2c4 : +16
68 : #93b7c8 : +18
70 : #9abbcb : +20
72 : #a1c0ce : +22
74 : #a7c4d2 : +24
76 : #aec9d5 : +26
78 : #b5cdd9 : +28
80 : #bcd2dc : +30
82 : #c2d6e0 : +32
84 : #c9dbe3 : +34
86 : #d0dfe7 : +36
88 : #d7e4ea : +38
90 : #dde8ee : +40
92 : #e4edf1 : +42
94 : #ebf1f5 : +44
96 : #f2f6f8 : +46
98 : #f8fafc : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow