#3a4778
RGB ( 赤 = 58, 緑 = 71, 青 = 120 )
HSL ( 色相 = 227°, 彩度 = 35%, 明度 = 35% )
H : 色相 ( 227° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #78413a : -220
17 : #784c3a : -210
27 : #78563a : -200
37 : #78613a : -190
47 : #786b3a : -180
57 : #78753a : -170
67 : #71783a : -160
77 : #67783a : -150
87 : #5c783a : -140
97 : #52783a : -130
107 : #48783a : -120
117 : #3d783a : -110
127 : #3a7841 : -100
137 : #3a784c : -90
147 : #3a7856 : -80
157 : #3a7861 : -70
167 : #3a786b : -60
177 : #3a7875 : -50
187 : #3a7178 : -40
197 : #3a6778 : -30
207 : #3a5c78 : -20
217 : #3a5278 : -10
227 : #3a4878 : ±0
237 : #3a3d78 : +10
247 : #413a78 : +20
257 : #4c3a78 : +30
267 : #563a78 : +40
277 : #613a78 : +50
287 : #6b3a78 : +60
297 : #753a78 : +70
307 : #783a71 : +80
317 : #783a67 : +90
327 : #783a5c : +100
337 : #783a52 : +110
347 : #783a48 : +120
357 : #783a3d : +130
217 : #3a5278 : -10
218 : #3a5178 : -9
219 : #3a5078 : -8
220 : #3a4f78 : -7
221 : #3a4e78 : -6
222 : #3a4d78 : -5
223 : #3a4c78 : -4
224 : #3a4b78 : -3
225 : #3a4a78 : -2
226 : #3a4978 : -1
227 : #3a4878 : ±0
228 : #3a4778 : +1
229 : #3a4578 : +2
230 : #3a4478 : +3
231 : #3a4378 : +4
232 : #3a4278 : +5
233 : #3a4178 : +6
234 : #3a4078 : +7
235 : #3a3f78 : +8
236 : #3a3e78 : +9
237 : #3a3d78 : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #58595a : -34
3 : #57585c : -32
5 : #55575e : -30
7 : #53565f : -28
9 : #515561 : -26
11 : #4f5463 : -24
13 : #4e5365 : -22
15 : #4c5267 : -20
17 : #4a5168 : -18
19 : #48506a : -16
21 : #474f6c : -14
23 : #454e6e : -12
25 : #434d70 : -10
27 : #414c71 : -8
29 : #3f4b73 : -6
31 : #3e4a75 : -4
33 : #3c4977 : -2
35 : #3a4878 : ±0
37 : #38477a : +2
39 : #36467c : +4
41 : #35457e : +6
43 : #334480 : +8
45 : #314281 : +10
47 : #2f4183 : +12
49 : #2e4085 : +14
51 : #2c3f87 : +16
53 : #2a3e89 : +18
55 : #283d8a : +20
57 : #263c8c : +22
59 : #253b8e : +24
61 : #233a90 : +26
63 : #213991 : +28
65 : #1f3893 : +30
67 : #1d3795 : +32
69 : #1c3697 : +34
71 : #1a3599 : +36
73 : #18349a : +38
75 : #16339c : +40
77 : #15329e : +42
79 : #1331a0 : +44
81 : #1130a2 : +46
83 : #0f2fa3 : +48
85 : #0d2ea5 : +50
87 : #0c2da7 : +52
89 : #0a2ca9 : +54
91 : #082baa : +56
93 : #062aac : +58
95 : #0429ae : +60
97 : #0328b0 : +62
99 : #0127b2 : +64
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -34
3 : #05060a : -32
5 : #080a11 : -30
7 : #0c0e18 : -28
9 : #0f121f : -26
11 : #121626 : -24
13 : #161b2d : -22
15 : #191f34 : -20
17 : #1c233b : -18
19 : #1f2741 : -16
21 : #232b48 : -14
23 : #262f4f : -12
25 : #293356 : -10
27 : #2d375d : -8
29 : #303b64 : -6
31 : #333f6b : -4
33 : #374372 : -2
35 : #3a4878 : ±0
37 : #3d4c7f : +2
39 : #415086 : +4
41 : #44548d : +6
43 : #475894 : +8
45 : #4b5c9b : +10
47 : #4e60a2 : +12
49 : #5164a9 : +14
51 : #5669ae : +16
53 : #5d6fb1 : +18
55 : #6475b4 : +20
57 : #6b7cb8 : +22
59 : #7282bb : +24
61 : #7988be : +26
63 : #808ec2 : +28
65 : #8794c5 : +30
67 : #8d9ac8 : +32
69 : #94a0cc : +34
71 : #9ba6cf : +36
73 : #a2acd2 : +38
75 : #a9b3d6 : +40
77 : #b0b9d9 : +42
79 : #b7bfdc : +44
81 : #bec5e0 : +46
83 : #c4cbe3 : +48
85 : #cbd1e6 : +50
87 : #d2d7e9 : +52
89 : #d9dded : +54
91 : #e0e3f0 : +56
93 : #e7eaf3 : +58
95 : #eef0f7 : +60
97 : #f5f6fa : +62
99 : #fcfcfd : +64
CSS入門、作ってます。
text-shadow