#3a4378
RGB ( 赤 = 58, 緑 = 67, 青 = 120 )
HSL ( 色相 = 231°, 彩度 = 35%, 明度 = 35% )
H : 色相 ( 231° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #783b3a : -230
11 : #78453a : -220
21 : #78503a : -210
31 : #785a3a : -200
41 : #78653a : -190
51 : #786f3a : -180
61 : #77783a : -170
71 : #6d783a : -160
81 : #63783a : -150
91 : #58783a : -140
101 : #4e783a : -130
111 : #43783a : -120
121 : #3a783b : -110
131 : #3a7845 : -100
141 : #3a7850 : -90
151 : #3a785a : -80
161 : #3a7865 : -70
171 : #3a786f : -60
181 : #3a7778 : -50
191 : #3a6d78 : -40
201 : #3a6378 : -30
211 : #3a5878 : -20
221 : #3a4e78 : -10
231 : #3a4378 : ±0
241 : #3b3a78 : +10
251 : #453a78 : +20
261 : #503a78 : +30
271 : #5a3a78 : +40
281 : #653a78 : +50
291 : #6f3a78 : +60
301 : #783a77 : +70
311 : #783a6d : +80
321 : #783a63 : +90
331 : #783a58 : +100
341 : #783a4e : +110
351 : #783a43 : +120
221 : #3a4e78 : -10
222 : #3a4d78 : -9
223 : #3a4c78 : -8
224 : #3a4b78 : -7
225 : #3a4a78 : -6
226 : #3a4978 : -5
227 : #3a4878 : -4
228 : #3a4778 : -3
229 : #3a4578 : -2
230 : #3a4478 : -1
231 : #3a4378 : ±0
232 : #3a4278 : +1
233 : #3a4178 : +2
234 : #3a4078 : +3
235 : #3a3f78 : +4
236 : #3a3e78 : +5
237 : #3a3d78 : +6
238 : #3a3c78 : +7
239 : #3a3b78 : +8
240 : #3a3a78 : +9
241 : #3b3a78 : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #58595a : -34
3 : #57575c : -32
5 : #55565e : -30
7 : #53555f : -28
9 : #515461 : -26
11 : #4f5263 : -24
13 : #4e5165 : -22
15 : #4c5067 : -20
17 : #4a4f68 : -18
19 : #484d6a : -16
21 : #474c6c : -14
23 : #454b6e : -12
25 : #434a70 : -10
27 : #414871 : -8
29 : #3f4773 : -6
31 : #3e4675 : -4
33 : #3c4577 : -2
35 : #3a4378 : ±0
37 : #38427a : +2
39 : #36417c : +4
41 : #35407e : +6
43 : #333e80 : +8
45 : #313d81 : +10
47 : #2f3c83 : +12
49 : #2e3b85 : +14
51 : #2c3987 : +16
53 : #2a3889 : +18
55 : #28378a : +20
57 : #26368c : +22
59 : #25348e : +24
61 : #233390 : +26
63 : #213291 : +28
65 : #1f3193 : +30
67 : #1d2f95 : +32
69 : #1c2e97 : +34
71 : #1a2d99 : +36
73 : #182c9a : +38
75 : #162a9c : +40
77 : #15299e : +42
79 : #1328a0 : +44
81 : #1127a2 : +46
83 : #0f25a3 : +48
85 : #0d24a5 : +50
87 : #0c23a7 : +52
89 : #0a22a9 : +54
91 : #0820aa : +56
93 : #061fac : +58
95 : #041eae : +60
97 : #031db0 : +62
99 : #011bb2 : +64
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -34
3 : #05060a : -32
5 : #080a11 : -30
7 : #0c0d18 : -28
9 : #0f111f : -26
11 : #121526 : -24
13 : #16192d : -22
15 : #191d34 : -20
17 : #1c213b : -18
19 : #1f2541 : -16
21 : #232848 : -14
23 : #262c4f : -12
25 : #293056 : -10
27 : #2d345d : -8
29 : #303864 : -6
31 : #333c6b : -4
33 : #374072 : -2
35 : #3a4378 : ±0
37 : #3d477f : +2
39 : #414b86 : +4
41 : #444f8d : +6
43 : #475394 : +8
45 : #4b579b : +10
47 : #4e5aa2 : +12
49 : #515ea9 : +14
51 : #5663ae : +16
53 : #5d6ab1 : +18
55 : #6470b4 : +20
57 : #6b76b8 : +22
59 : #727dbb : +24
61 : #7983be : +26
63 : #808ac2 : +28
65 : #8790c5 : +30
67 : #8d96c8 : +32
69 : #949dcc : +34
71 : #9ba3cf : +36
73 : #a2a9d2 : +38
75 : #a9b0d6 : +40
77 : #b0b6d9 : +42
79 : #b7bcdc : +44
81 : #bec3e0 : +46
83 : #c4c9e3 : +48
85 : #cbcfe6 : +50
87 : #d2d6e9 : +52
89 : #d9dced : +54
91 : #e0e2f0 : +56
93 : #e7e9f3 : +58
95 : #eeeff7 : +60
97 : #f5f5fa : +62
99 : #fcfcfd : +64
CSS入門、作ってます。
text-shadow