#3d4c9e
RGB ( 赤 = 61, 緑 = 76, 青 = 158 )
HSL ( 色相 = 231°, 彩度 = 44%, 明度 = 43% )
H : 色相 ( 231° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #9e3f3d : -230
11 : #9e4f3d : -220
21 : #9e5f3d : -210
31 : #9e6f3d : -200
41 : #9e7f3d : -190
51 : #9e8f3d : -180
61 : #9c9e3d : -170
71 : #8c9e3d : -160
81 : #7c9e3d : -150
91 : #6c9e3d : -140
101 : #5c9e3d : -130
111 : #4c9e3d : -120
121 : #3d9e3f : -110
131 : #3d9e4f : -100
141 : #3d9e5f : -90
151 : #3d9e6f : -80
161 : #3d9e7f : -70
171 : #3d9e8f : -60
181 : #3d9c9e : -50
191 : #3d8c9e : -40
201 : #3d7c9e : -30
211 : #3d6c9e : -20
221 : #3d5c9e : -10
231 : #3d4c9e : ±0
241 : #3f3d9e : +10
251 : #4f3d9e : +20
261 : #5f3d9e : +30
271 : #6f3d9e : +40
281 : #7f3d9e : +50
291 : #8f3d9e : +60
301 : #9e3d9c : +70
311 : #9e3d8c : +80
321 : #9e3d7c : +90
331 : #9e3d6c : +100
341 : #9e3d5c : +110
351 : #9e3d4c : +120
221 : #3d5c9e : -10
222 : #3d5a9e : -9
223 : #3d599e : -8
224 : #3d579e : -7
225 : #3d569e : -6
226 : #3d549e : -5
227 : #3d529e : -4
228 : #3d519e : -3
229 : #3d4f9e : -2
230 : #3d4d9e : -1
231 : #3d4c9e : ±0
232 : #3d4a9e : +1
233 : #3d499e : +2
234 : #3d479e : +3
235 : #3d459e : +4
236 : #3d449e : +5
237 : #3d429e : +6
238 : #3d419e : +7
239 : #3d3f9e : +8
240 : #3d3d9e : +9
241 : #3f3d9e : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -44
2 : #6b6c70 : -42
4 : #696b72 : -40
6 : #676974 : -38
8 : #656876 : -36
10 : #636679 : -34
12 : #60647b : -32
14 : #5e637d : -30
16 : #5c617f : -28
18 : #5a6081 : -26
20 : #585e84 : -24
22 : #565d86 : -22
24 : #535b88 : -20
26 : #515a8a : -18
28 : #4f588c : -16
30 : #4d578f : -14
32 : #4b5591 : -12
34 : #485493 : -10
36 : #465295 : -8
38 : #445097 : -6
40 : #424f9a : -4
42 : #404d9c : -2
44 : #3d4c9e : ±0
46 : #3b4aa0 : +2
48 : #3949a2 : +4
50 : #3747a4 : +6
52 : #3546a7 : +8
54 : #3244a9 : +10
56 : #3043ab : +12
58 : #2e41ad : +14
60 : #2c40af : +16
62 : #2a3eb2 : +18
64 : #273db4 : +20
66 : #253bb6 : +22
68 : #2339b8 : +24
70 : #2138ba : +26
72 : #1f36bd : +28
74 : #1d35bf : +30
76 : #1a33c1 : +32
78 : #1832c3 : +34
80 : #1630c5 : +36
82 : #142fc8 : +38
84 : #122dca : +40
86 : #0f2ccc : +42
88 : #0d2ace : +44
90 : #0b29d0 : +46
92 : #0927d3 : +48
94 : #0726d5 : +50
96 : #0424d7 : +52
98 : #0222d9 : +54
100 : #0021db : +56
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -42
3 : #04050b : -40
5 : #070912 : -38
7 : #0a0c1a : -36
9 : #0d1021 : -34
11 : #101328 : -32
13 : #131730 : -30
15 : #151a37 : -28
17 : #181e3e : -26
19 : #1b2246 : -24
21 : #1e254d : -22
23 : #212954 : -20
25 : #242c5c : -18
27 : #273063 : -16
29 : #29336a : -14
31 : #2c3772 : -12
33 : #2f3a79 : -10
35 : #323e81 : -8
37 : #354188 : -6
39 : #38458f : -4
41 : #3b4897 : -2
43 : #3d4c9e : ±0
45 : #404fa5 : +2
47 : #4353ad : +4
49 : #4656b4 : +6
51 : #4b5cb9 : +8
53 : #5262bc : +10
55 : #5a69bf : +12
57 : #6170c2 : +14
59 : #6876c4 : +16
61 : #707dc7 : +18
63 : #7784ca : +20
65 : #7e8acd : +22
67 : #8691d0 : +24
69 : #8d98d3 : +26
71 : #959ed6 : +28
73 : #9ca5d8 : +30
75 : #a3acdb : +32
77 : #abb2de : +34
79 : #b2b9e1 : +36
81 : #b9c0e4 : +38
83 : #c1c6e7 : +40
85 : #c8cdea : +42
87 : #cfd4ec : +44
89 : #d7daef : +46
91 : #dee1f2 : +48
93 : #e5e8f5 : +50
95 : #edeef8 : +52
97 : #f4f5fb : +54
99 : #fbfcfe : +56
CSS入門、作ってます。
text-shadow