#2e4156
RGB ( 赤 = 46, 緑 = 65, 青 = 86 )
HSL ( 色相 = 212°, 彩度 = 30%, 明度 = 26% )
H : 色相 ( 212° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #56302e : -210
12 : #56362e : -200
22 : #563d2e : -190
32 : #56442e : -180
42 : #564a2e : -170
52 : #56512e : -160
62 : #55562e : -150
72 : #4e562e : -140
82 : #48562e : -130
92 : #41562e : -120
102 : #3a562e : -110
112 : #34562e : -100
122 : #2e5630 : -90
132 : #2e5636 : -80
142 : #2e563d : -70
152 : #2e5644 : -60
162 : #2e564a : -50
172 : #2e5651 : -40
182 : #2e5556 : -30
192 : #2e4e56 : -20
202 : #2e4856 : -10
212 : #2e4156 : ±0
222 : #2e3a56 : +10
232 : #2e3456 : +20
242 : #302e56 : +30
252 : #362e56 : +40
262 : #3d2e56 : +50
272 : #442e56 : +60
282 : #4a2e56 : +70
292 : #512e56 : +80
302 : #562e55 : +90
312 : #562e4e : +100
322 : #562e48 : +110
332 : #562e41 : +120
342 : #562e3a : +130
352 : #562e34 : +140
202 : #2e4856 : -10
203 : #2e4756 : -9
204 : #2e4656 : -8
205 : #2e4656 : -7
206 : #2e4556 : -6
207 : #2e4456 : -5
208 : #2e4456 : -4
209 : #2e4356 : -3
210 : #2e4256 : -2
211 : #2e4256 : -1
212 : #2e4156 : ±0
213 : #2e4056 : +1
214 : #2e4056 : +2
215 : #2e3f56 : +3
216 : #2e3e56 : +4
217 : #2e3e56 : +5
218 : #2e3d56 : +6
219 : #2e3c56 : +7
220 : #2e3c56 : +8
221 : #2e3b56 : +9
222 : #2e3a56 : +10
S : 彩度 ( 30% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -30
2 : #414244 : -28
4 : #404245 : -26
6 : #3e4246 : -24
8 : #3d4248 : -22
10 : #3c4249 : -20
12 : #3a424a : -18
14 : #39424c : -16
16 : #38424d : -14
18 : #36424e : -12
20 : #354150 : -10
22 : #344151 : -8
24 : #324152 : -6
26 : #314154 : -4
28 : #304155 : -2
30 : #2e4156 : ±0
32 : #2d4158 : +2
34 : #2c4159 : +4
36 : #2a415a : +6
38 : #29415b : +8
40 : #28415d : +10
42 : #26405e : +12
44 : #25405f : +14
46 : #244061 : +16
48 : #224062 : +18
50 : #214063 : +20
52 : #204065 : +22
54 : #1e4066 : +24
56 : #1d4067 : +26
58 : #1c4069 : +28
60 : #1b406a : +30
62 : #19406b : +32
64 : #183f6d : +34
66 : #173f6e : +36
68 : #153f6f : +38
70 : #143f71 : +40
72 : #133f72 : +42
74 : #113f73 : +44
76 : #103f75 : +46
78 : #0f3f76 : +48
80 : #0d3f77 : +50
82 : #0c3f79 : +52
84 : #0b3f7a : +54
86 : #093e7b : +56
88 : #083e7d : +58
90 : #073e7e : +60
92 : #053e7f : +62
94 : #043e81 : +64
96 : #033e82 : +66
98 : #013e83 : +68
100 : #003e85 : +70
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #040507 : -24
4 : #070a0d : -22
6 : #0b0f14 : -20
8 : #0e141b : -18
10 : #121921 : -16
12 : #151e28 : -14
14 : #19232e : -12
16 : #1d2835 : -10
18 : #202d3c : -8
20 : #243242 : -6
22 : #273749 : -4
24 : #2b3c50 : -2
26 : #2e4156 : ±0
28 : #32465d : +2
30 : #364b63 : +4
32 : #39506a : +6
34 : #3d5571 : +8
36 : #405a77 : +10
38 : #445f7e : +12
40 : #476485 : +14
42 : #4b698b : +16
44 : #4f6e92 : +18
46 : #527398 : +20
48 : #56789f : +22
50 : #597da6 : +24
52 : #6082a9 : +26
54 : #6787ad : +28
56 : #6d8db0 : +30
58 : #7492b4 : +32
60 : #7a97b8 : +34
62 : #819cbb : +36
64 : #88a1bf : +38
66 : #8ea7c2 : +40
68 : #95acc6 : +42
70 : #9cb1c9 : +44
72 : #a2b6cd : +46
74 : #a9bbd1 : +48
76 : #afc1d4 : +50
78 : #b6c6d8 : +52
80 : #bdcbdb : +54
82 : #c3d0df : +56
84 : #cad5e2 : +58
86 : #d1dbe6 : +60
88 : #d7e0ea : +62
90 : #dee5ed : +64
92 : #e4eaf1 : +66
94 : #ebeff4 : +68
96 : #f2f5f8 : +70
98 : #f8fafb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow