#2e4460
RGB ( 赤 = 46, 緑 = 68, 青 = 96 )
HSL ( 色相 = 214°, 彩度 = 35%, 明度 = 28% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #60322e : -210
14 : #603a2e : -200
24 : #60422e : -190
34 : #604b2e : -180
44 : #60532e : -170
54 : #605b2e : -160
64 : #5d602e : -150
74 : #55602e : -140
84 : #4c602e : -130
94 : #44602e : -120
104 : #3c602e : -110
114 : #33602e : -100
124 : #2e6032 : -90
134 : #2e603a : -80
144 : #2e6042 : -70
154 : #2e604b : -60
164 : #2e6053 : -50
174 : #2e605b : -40
184 : #2e5d60 : -30
194 : #2e5560 : -20
204 : #2e4c60 : -10
214 : #2e4460 : ±0
224 : #2e3c60 : +10
234 : #2e3360 : +20
244 : #322e60 : +30
254 : #3a2e60 : +40
264 : #422e60 : +50
274 : #4b2e60 : +60
284 : #532e60 : +70
294 : #5b2e60 : +80
304 : #602e5d : +90
314 : #602e55 : +100
324 : #602e4c : +110
334 : #602e44 : +120
344 : #602e3c : +130
354 : #602e33 : +140
204 : #2e4c60 : -10
205 : #2e4c60 : -9
206 : #2e4b60 : -8
207 : #2e4a60 : -7
208 : #2e4960 : -6
209 : #2e4860 : -5
210 : #2e4760 : -4
211 : #2e4760 : -3
212 : #2e4660 : -2
213 : #2e4560 : -1
214 : #2e4460 : ±0
215 : #2e4360 : +1
216 : #2e4260 : +2
217 : #2e4260 : +3
218 : #2e4160 : +4
219 : #2e4060 : +5
220 : #2e3f60 : +6
221 : #2e3e60 : +7
222 : #2e3d60 : +8
223 : #2e3d60 : +9
224 : #2e3c60 : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #474748 : -34
3 : #45474a : -32
5 : #44474b : -30
7 : #42474c : -28
9 : #41474e : -26
11 : #40464f : -24
13 : #3e4651 : -22
15 : #3d4652 : -20
17 : #3b4654 : -18
19 : #3a4655 : -16
21 : #384556 : -14
23 : #374558 : -12
25 : #364559 : -10
27 : #34455b : -8
29 : #33455c : -6
31 : #31445e : -4
33 : #30445f : -2
35 : #2e4460 : ±0
37 : #2d4462 : +2
39 : #2c4463 : +4
41 : #2a4365 : +6
43 : #294366 : +8
45 : #274368 : +10
47 : #264369 : +12
49 : #24436a : +14
51 : #23436c : +16
53 : #22426d : +18
55 : #20426f : +20
57 : #1f4270 : +22
59 : #1d4272 : +24
61 : #1c4273 : +26
63 : #1a4174 : +28
65 : #194176 : +30
67 : #184177 : +32
69 : #164179 : +34
71 : #15417a : +36
73 : #13407c : +38
75 : #12407d : +40
77 : #10407e : +42
79 : #0f4080 : +44
81 : #0e4081 : +46
83 : #0c3f83 : +48
85 : #0b3f84 : +50
87 : #093f86 : +52
89 : #083f87 : +54
91 : #063f88 : +56
93 : #053f8a : +58
95 : #043e8b : +60
97 : #023e8d : +62
99 : #013e8e : +64
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #030507 : -26
4 : #070a0e : -24
6 : #0a0f15 : -22
8 : #0d131c : -20
10 : #111822 : -18
12 : #141d29 : -16
14 : #172230 : -14
16 : #1b2737 : -12
18 : #1e2c3e : -10
20 : #213145 : -8
22 : #24354c : -6
24 : #283a53 : -4
26 : #2b3f5a : -2
28 : #2e4460 : ±0
30 : #324967 : +2
32 : #354e6e : +4
34 : #385375 : +6
36 : #3c587c : +8
38 : #3f5c83 : +10
40 : #42618a : +12
42 : #466691 : +14
44 : #496b97 : +16
46 : #4c709e : +18
48 : #5075a5 : +20
50 : #537aac : +22
52 : #5a7faf : +24
54 : #6184b3 : +26
56 : #688ab6 : +28
58 : #6e8fb9 : +30
60 : #7594bd : +32
62 : #7c9ac0 : +34
64 : #839fc3 : +36
66 : #8aa4c7 : +38
68 : #91aaca : +40
70 : #98afcd : +42
72 : #9fb4d1 : +44
74 : #a5bad4 : +46
76 : #acbfd7 : +48
78 : #b3c4db : +50
80 : #bacade : +52
82 : #c1cfe1 : +54
84 : #c8d4e4 : +56
86 : #cfdae8 : +58
88 : #d6dfeb : +60
90 : #dde4ee : +62
92 : #e3eaf2 : +64
94 : #eaeff5 : +66
96 : #f1f4f8 : +68
98 : #f8fafc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow