#2e4c60
RGB ( 赤 = 46, 緑 = 76, 青 = 96 )
HSL ( 色相 = 204°, 彩度 = 35%, 明度 = 28% )
H : 色相 ( 204° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #60322e : -200
14 : #603a2e : -190
24 : #60422e : -180
34 : #604b2e : -170
44 : #60532e : -160
54 : #605b2e : -150
64 : #5d602e : -140
74 : #55602e : -130
84 : #4c602e : -120
94 : #44602e : -110
104 : #3c602e : -100
114 : #33602e : -90
124 : #2e6032 : -80
134 : #2e603a : -70
144 : #2e6042 : -60
154 : #2e604b : -50
164 : #2e6053 : -40
174 : #2e605b : -30
184 : #2e5d60 : -20
194 : #2e5560 : -10
204 : #2e4c60 : ±0
214 : #2e4460 : +10
224 : #2e3c60 : +20
234 : #2e3360 : +30
244 : #322e60 : +40
254 : #3a2e60 : +50
264 : #422e60 : +60
274 : #4b2e60 : +70
284 : #532e60 : +80
294 : #5b2e60 : +90
304 : #602e5d : +100
314 : #602e55 : +110
324 : #602e4c : +120
334 : #602e44 : +130
344 : #602e3c : +140
354 : #602e33 : +150
194 : #2e5560 : -10
195 : #2e5460 : -9
196 : #2e5360 : -8
197 : #2e5260 : -7
198 : #2e5160 : -6
199 : #2e5160 : -5
200 : #2e5060 : -4
201 : #2e4f60 : -3
202 : #2e4e60 : -2
203 : #2e4d60 : -1
204 : #2e4c60 : ±0
205 : #2e4c60 : +1
206 : #2e4b60 : +2
207 : #2e4a60 : +3
208 : #2e4960 : +4
209 : #2e4860 : +5
210 : #2e4760 : +6
211 : #2e4760 : +7
212 : #2e4660 : +8
213 : #2e4560 : +9
214 : #2e4460 : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #474848 : -34
3 : #45484a : -32
5 : #44484b : -30
7 : #42484c : -28
9 : #41494e : -26
11 : #40494f : -24
13 : #3e4951 : -22
15 : #3d4a52 : -20
17 : #3b4a54 : -18
19 : #3a4a55 : -16
21 : #384a56 : -14
23 : #374b58 : -12
25 : #364b59 : -10
27 : #344b5b : -8
29 : #334c5c : -6
31 : #314c5e : -4
33 : #304c5f : -2
35 : #2e4c60 : ±0
37 : #2d4d62 : +2
39 : #2c4d63 : +4
41 : #2a4d65 : +6
43 : #294e66 : +8
45 : #274e68 : +10
47 : #264e69 : +12
49 : #244e6a : +14
51 : #234f6c : +16
53 : #224f6d : +18
55 : #204f6f : +20
57 : #1f5070 : +22
59 : #1d5072 : +24
61 : #1c5073 : +26
63 : #1a5074 : +28
65 : #195176 : +30
67 : #185177 : +32
69 : #165179 : +34
71 : #15527a : +36
73 : #13527c : +38
75 : #12527d : +40
77 : #10527e : +42
79 : #0f5380 : +44
81 : #0e5381 : +46
83 : #0c5383 : +48
85 : #0b5484 : +50
87 : #095486 : +52
89 : #085487 : +54
91 : #065488 : +56
93 : #05558a : +58
95 : #04558b : +60
97 : #02558d : +62
99 : #01568e : +64
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #030507 : -26
4 : #070b0e : -24
6 : #0a1015 : -22
8 : #0d161c : -20
10 : #111b22 : -18
12 : #142129 : -16
14 : #172630 : -14
16 : #1b2c37 : -12
18 : #1e313e : -10
20 : #213745 : -8
22 : #243c4c : -6
24 : #284153 : -4
26 : #2b475a : -2
28 : #2e4c60 : ±0
30 : #325267 : +2
32 : #35576e : +4
34 : #385d75 : +6
36 : #3c627c : +8
38 : #3f6883 : +10
40 : #426d8a : +12
42 : #467391 : +14
44 : #497897 : +16
46 : #4c7e9e : +18
48 : #5083a5 : +20
50 : #5388ac : +22
52 : #5a8daf : +24
54 : #6192b3 : +26
56 : #6897b6 : +28
58 : #6e9bb9 : +30
60 : #75a0bd : +32
62 : #7ca5c0 : +34
64 : #83aac3 : +36
66 : #8aaec7 : +38
68 : #91b3ca : +40
70 : #98b8cd : +42
72 : #9fbdd1 : +44
74 : #a5c1d4 : +46
76 : #acc6d7 : +48
78 : #b3cbdb : +50
80 : #bad0de : +52
82 : #c1d4e1 : +54
84 : #c8d9e4 : +56
86 : #cfdee8 : +58
88 : #d6e3eb : +60
90 : #dde7ee : +62
92 : #e3ecf2 : +64
94 : #eaf1f5 : +66
96 : #f1f6f8 : +68
98 : #f8fafc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow