#40359c
RGB ( 赤 = 64, 緑 = 53, 青 = 156 )
HSL ( 色相 = 246°, 彩度 = 49%, 明度 = 41% )
H : 色相 ( 246° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #9c4035 : -240
16 : #9c5135 : -230
26 : #9c6235 : -220
36 : #9c7335 : -210
46 : #9c8435 : -200
56 : #9c9535 : -190
66 : #929c35 : -180
76 : #809c35 : -170
86 : #6f9c35 : -160
96 : #5e9c35 : -150
106 : #4d9c35 : -140
116 : #3c9c35 : -130
126 : #359c40 : -120
136 : #359c51 : -110
146 : #359c62 : -100
156 : #359c73 : -90
166 : #359c84 : -80
176 : #359c95 : -70
186 : #35929c : -60
196 : #35809c : -50
206 : #356f9c : -40
216 : #355e9c : -30
226 : #354d9c : -20
236 : #353c9c : -10
246 : #40359c : ±0
256 : #51359c : +10
266 : #62359c : +20
276 : #73359c : +30
286 : #84359c : +40
296 : #95359c : +50
306 : #9c3592 : +60
316 : #9c3580 : +70
326 : #9c356f : +80
336 : #9c355e : +90
346 : #9c354d : +100
356 : #9c353c : +110
236 : #353c9c : -10
237 : #353a9c : -9
238 : #35399c : -8
239 : #35379c : -7
240 : #35359c : -6
241 : #37359c : -5
242 : #39359c : -4
243 : #3a359c : -3
244 : #3c359c : -2
245 : #3e359c : -1
246 : #40359c : ±0
247 : #41359c : +1
248 : #43359c : +2
249 : #45359c : +3
250 : #46359c : +4
251 : #48359c : +5
252 : #4a359c : +6
253 : #4c359c : +7
254 : #4d359c : +8
255 : #4f359c : +9
256 : #51359c : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #68686a : -48
3 : #66656c : -46
5 : #64636e : -44
7 : #636170 : -42
9 : #615f72 : -40
11 : #5f5d74 : -38
13 : #5e5b76 : -36
15 : #5c5978 : -34
17 : #5a577a : -32
19 : #59557c : -30
21 : #57537f : -28
23 : #555181 : -26
25 : #544e83 : -24
27 : #524c85 : -22
29 : #504a87 : -20
31 : #4f4889 : -18
33 : #4d468b : -16
35 : #4b448d : -14
37 : #4a428f : -12
39 : #484091 : -10
41 : #463e93 : -8
43 : #453c96 : -6
45 : #433a98 : -4
47 : #41379a : -2
49 : #40359c : ±0
51 : #3e339e : +2
53 : #3c31a0 : +4
55 : #3b2fa2 : +6
57 : #392da4 : +8
59 : #372ba6 : +10
61 : #3629a8 : +12
63 : #3427aa : +14
65 : #3225ad : +16
67 : #3123af : +18
69 : #2f20b1 : +20
71 : #2d1eb3 : +22
73 : #2b1cb5 : +24
75 : #2a1ab7 : +26
77 : #2818b9 : +28
79 : #2616bb : +30
81 : #2514bd : +32
83 : #2312bf : +34
85 : #2110c1 : +36
87 : #200ec4 : +38
89 : #1e0cc6 : +40
91 : #1c09c8 : +42
93 : #1b07ca : +44
95 : #1905cc : +46
97 : #1703ce : +48
99 : #1601d0 : +50
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -40
3 : #05040b : -38
5 : #080713 : -36
7 : #0b091b : -34
9 : #0e0c22 : -32
11 : #110e2a : -30
13 : #141131 : -28
15 : #171439 : -26
17 : #1a1641 : -24
19 : #1d1948 : -22
21 : #211b50 : -20
23 : #241e57 : -18
25 : #27215f : -16
27 : #2a2367 : -14
29 : #2d266e : -12
31 : #302876 : -10
33 : #332b7d : -8
35 : #362e85 : -6
37 : #39308d : -4
39 : #3c3394 : -2
41 : #40359c : ±0
43 : #4338a3 : +2
45 : #463bab : +4
47 : #493db3 : +6
49 : #4c40ba : +8
51 : #5145bf : +10
53 : #584cc2 : +12
55 : #5f54c4 : +14
57 : #665cc7 : +16
59 : #6d63ca : +18
61 : #756bcc : +20
63 : #7c72cf : +22
65 : #837ad1 : +24
67 : #8a82d4 : +26
69 : #9189d7 : +28
71 : #9891d9 : +30
73 : #9f98dc : +32
75 : #a6a0de : +34
77 : #ada8e1 : +36
79 : #b4afe4 : +38
81 : #bcb7e6 : +40
83 : #c3bee9 : +42
85 : #cac6eb : +44
87 : #d1ceee : +46
89 : #d8d5f1 : +48
91 : #dfddf3 : +50
93 : #e6e4f6 : +52
95 : #edecf8 : +54
97 : #f4f4fb : +56
99 : #fbfbfe : +58
CSS入門、作ってます。
text-shadow