#40203e
RGB ( 赤 = 64, 緑 = 32, 青 = 62 )
HSL ( 色相 = 304°, 彩度 = 33%, 明度 = 19% )
H : 色相 ( 304° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #402320 : -300
14 : #402820 : -290
24 : #402d20 : -280
34 : #403320 : -270
44 : #403820 : -260
54 : #403d20 : -250
64 : #3e4020 : -240
74 : #394020 : -230
84 : #344020 : -220
94 : #2e4020 : -210
104 : #294020 : -200
114 : #244020 : -190
124 : #204023 : -180
134 : #204028 : -170
144 : #20402d : -160
154 : #204033 : -150
164 : #204038 : -140
174 : #20403d : -130
184 : #203e40 : -120
194 : #203940 : -110
204 : #203440 : -100
214 : #202e40 : -90
224 : #202940 : -80
234 : #202440 : -70
244 : #232040 : -60
254 : #282040 : -50
264 : #2d2040 : -40
274 : #332040 : -30
284 : #382040 : -20
294 : #3d2040 : -10
304 : #40203e : ±0
314 : #402039 : +10
324 : #402034 : +20
334 : #40202e : +30
344 : #402029 : +40
354 : #402024 : +50
294 : #3d2040 : -10
295 : #3e2040 : -9
296 : #3e2040 : -8
297 : #3f2040 : -7
298 : #3f2040 : -6
299 : #402040 : -5
300 : #402040 : -4
301 : #402040 : -3
302 : #40203f : -2
303 : #40203f : -1
304 : #40203e : ±0
305 : #40203e : +1
306 : #40203d : +2
307 : #40203d : +3
308 : #40203c : +4
309 : #40203c : +5
310 : #40203b : +6
311 : #40203b : +7
312 : #40203a : +8
313 : #40203a : +9
314 : #402039 : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313031 : -32
3 : #322f32 : -30
5 : #332e33 : -28
7 : #342d33 : -26
9 : #352c34 : -24
11 : #362b35 : -22
13 : #372a36 : -20
15 : #382937 : -18
17 : #392838 : -16
19 : #3a2738 : -14
21 : #3b2639 : -12
23 : #3c253a : -10
25 : #3d243b : -8
27 : #3e233c : -6
29 : #3f223d : -4
31 : #3f213d : -2
33 : #40203e : ±0
35 : #411f3f : +2
37 : #421f40 : +4
39 : #431e41 : +6
41 : #441d42 : +8
43 : #451c43 : +10
45 : #461b43 : +12
47 : #471a44 : +14
49 : #481945 : +16
51 : #491846 : +18
53 : #4a1747 : +20
55 : #4b1648 : +22
57 : #4c1548 : +24
59 : #4d1449 : +26
61 : #4e134a : +28
63 : #4f124b : +30
65 : #50114c : +32
67 : #51104d : +34
69 : #520f4d : +36
71 : #530e4e : +38
73 : #540d4f : +40
75 : #550c50 : +42
77 : #560b51 : +44
79 : #570a52 : +46
81 : #580952 : +48
83 : #590853 : +50
85 : #5a0754 : +52
87 : #5b0655 : +54
89 : #5c0556 : +56
91 : #5d0457 : +58
93 : #5e0358 : +60
95 : #5e0258 : +62
97 : #5f0159 : +64
99 : #60005a : +66
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -18
3 : #0a050a : -16
5 : #110910 : -14
7 : #180c17 : -12
9 : #1f0f1e : -10
11 : #251324 : -8
13 : #2c162b : -6
15 : #331a31 : -4
17 : #3a1d38 : -2
19 : #40203e : ±0
21 : #472445 : +2
23 : #4e274b : +4
25 : #552b52 : +6
27 : #5c2e59 : +8
29 : #62325f : +10
31 : #693566 : +12
33 : #70386c : +14
35 : #773c73 : +16
37 : #7d3f79 : +18
39 : #844380 : +20
41 : #8b4686 : +22
43 : #92498d : +24
45 : #994d94 : +26
47 : #9f509a : +28
49 : #a654a1 : +30
51 : #ab59a6 : +32
53 : #af60a9 : +34
55 : #b266ad : +36
57 : #b66db1 : +38
59 : #b974b4 : +40
61 : #bc7bb8 : +42
63 : #c082bc : +44
65 : #c388bf : +46
67 : #c78fc3 : +48
69 : #ca96c7 : +50
71 : #cd9dca : +52
73 : #d1a3ce : +54
75 : #d4aad1 : +56
77 : #d8b1d5 : +58
79 : #dbb8d9 : +60
81 : #dfbfdc : +62
83 : #e2c5e0 : +64
85 : #e5cce4 : +66
87 : #e9d3e7 : +68
89 : #ecdaeb : +70
91 : #f0e0ef : +72
93 : #f3e7f2 : +74
95 : #f6eef6 : +76
97 : #faf5fa : +78
99 : #fdfcfd : +80
CSS入門、作ってます。
text-shadow