#3e4451
RGB ( 赤 = 62, 緑 = 68, 青 = 81 )
HSL ( 色相 = 221°, 彩度 = 13%, 明度 = 28% )
H : 色相 ( 221° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #513e3e : -220
11 : #51423e : -210
21 : #51453e : -200
31 : #51483e : -190
41 : #514b3e : -180
51 : #514e3e : -170
61 : #50513e : -160
71 : #4d513e : -150
81 : #4a513e : -140
91 : #47513e : -130
101 : #44513e : -120
111 : #41513e : -110
121 : #3e513e : -100
131 : #3e5142 : -90
141 : #3e5145 : -80
151 : #3e5148 : -70
161 : #3e514b : -60
171 : #3e514e : -50
181 : #3e5051 : -40
191 : #3e4d51 : -30
201 : #3e4a51 : -20
211 : #3e4751 : -10
221 : #3e4451 : ±0
231 : #3e4151 : +10
241 : #3e3e51 : +20
251 : #423e51 : +30
261 : #453e51 : +40
271 : #483e51 : +50
281 : #4b3e51 : +60
291 : #4e3e51 : +70
301 : #513e50 : +80
311 : #513e4d : +90
321 : #513e4a : +100
331 : #513e47 : +110
341 : #513e44 : +120
351 : #513e41 : +130
211 : #3e4751 : -10
212 : #3e4751 : -9
213 : #3e4651 : -8
214 : #3e4651 : -7
215 : #3e4651 : -6
216 : #3e4651 : -5
217 : #3e4551 : -4
218 : #3e4551 : -3
219 : #3e4551 : -2
220 : #3e4451 : -1
221 : #3e4451 : ±0
222 : #3e4451 : +1
223 : #3e4351 : +2
224 : #3e4351 : +3
225 : #3e4351 : +4
226 : #3e4251 : +5
227 : #3e4251 : +6
228 : #3e4251 : +7
229 : #3e4251 : +8
230 : #3e4151 : +9
231 : #3e4151 : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #474748 : -12
3 : #45474a : -10
5 : #44464b : -8
7 : #42464c : -6
9 : #41454e : -4
11 : #40454f : -2
13 : #3e4451 : ±0
15 : #3d4352 : +2
17 : #3b4354 : +4
19 : #3a4255 : +6
21 : #384256 : +8
23 : #374158 : +10
25 : #364159 : +12
27 : #34405b : +14
29 : #33405c : +16
31 : #313f5e : +18
33 : #303f5f : +20
35 : #2e3e60 : +22
37 : #2d3e62 : +24
39 : #2c3d63 : +26
41 : #2a3d65 : +28
43 : #293c66 : +30
45 : #273c68 : +32
47 : #263b69 : +34
49 : #243b6a : +36
51 : #233a6c : +38
53 : #223a6d : +40
55 : #20396f : +42
57 : #1f3870 : +44
59 : #1d3872 : +46
61 : #1c3773 : +48
63 : #1a3774 : +50
65 : #193676 : +52
67 : #183677 : +54
69 : #163579 : +56
71 : #15357a : +58
73 : #13347c : +60
75 : #12347d : +62
77 : #10337e : +64
79 : #0f3380 : +66
81 : #0e3281 : +68
83 : #0c3283 : +70
85 : #0b3184 : +72
87 : #093186 : +74
89 : #083087 : +76
91 : #063088 : +78
93 : #052f8a : +80
95 : #042f8b : +82
97 : #022e8d : +84
99 : #012d8e : +86
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #040506 : -26
4 : #090a0c : -24
6 : #0d0f11 : -22
8 : #121317 : -20
10 : #16181d : -18
12 : #1b1d23 : -16
14 : #1f2228 : -14
16 : #23272e : -12
18 : #282c34 : -10
20 : #2c313a : -8
22 : #31353f : -6
24 : #353a45 : -4
26 : #3a3f4b : -2
28 : #3e4451 : ±0
30 : #434956 : +2
32 : #474e5c : +4
34 : #4b5362 : +6
36 : #505768 : +8
38 : #545c6d : +10
40 : #596173 : +12
42 : #5d6679 : +14
44 : #626b7f : +16
46 : #667085 : +18
48 : #6a758a : +20
50 : #6f7990 : +22
52 : #757f95 : +24
54 : #7a8499 : +26
56 : #80899d : +28
58 : #868fa2 : +30
60 : #8c94a6 : +32
62 : #9299ab : +34
64 : #979faf : +36
66 : #9da4b4 : +38
68 : #a3aab8 : +40
70 : #a9afbc : +42
72 : #aeb4c1 : +44
74 : #b4bac5 : +46
76 : #babfca : +48
78 : #c0c4ce : +50
80 : #c5cad3 : +52
82 : #cbcfd7 : +54
84 : #d1d4dc : +56
86 : #d7dae0 : +58
88 : #dcdfe4 : +60
90 : #e2e4e9 : +62
92 : #e8eaed : +64
94 : #eeeff2 : +66
96 : #f3f4f6 : +68
98 : #f9fafb : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow