#0a162e
RGB ( 赤 = 10, 緑 = 22, 青 = 46 )
HSL ( 色相 = 220°, 彩度 = 64%, 明度 = 11% )
H : 色相 ( 220° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #2e0a0a : -220
10 : #2e100a : -210
20 : #2e160a : -200
30 : #2e1c0a : -190
40 : #2e220a : -180
50 : #2e280a : -170
60 : #2e2e0a : -160
70 : #282e0a : -150
80 : #222e0a : -140
90 : #1c2e0a : -130
100 : #162e0a : -120
110 : #102e0a : -110
120 : #0a2e0a : -100
130 : #0a2e10 : -90
140 : #0a2e16 : -80
150 : #0a2e1c : -70
160 : #0a2e22 : -60
170 : #0a2e28 : -50
180 : #0a2e2e : -40
190 : #0a282e : -30
200 : #0a222e : -20
210 : #0a1c2e : -10
220 : #0a162e : ±0
230 : #0a102e : +10
240 : #0a0a2e : +20
250 : #100a2e : +30
260 : #160a2e : +40
270 : #1c0a2e : +50
280 : #220a2e : +60
290 : #280a2e : +70
300 : #2e0a2e : +80
310 : #2e0a28 : +90
320 : #2e0a22 : +100
330 : #2e0a1c : +110
340 : #2e0a16 : +120
350 : #2e0a10 : +130
210 : #0a1c2e : -10
211 : #0a1b2e : -9
212 : #0a1b2e : -8
213 : #0a1a2e : -7
214 : #0a1a2e : -6
215 : #0a192e : -5
216 : #0a182e : -4
217 : #0a182e : -3
218 : #0a172e : -2
219 : #0a172e : -1
220 : #0a162e : ±0
221 : #0a152e : +1
222 : #0a152e : +2
223 : #0a142e : +3
224 : #0a142e : +4
225 : #0a132e : +5
226 : #0a122e : +6
227 : #0a122e : +7
228 : #0a112e : +8
229 : #0a112e : +9
230 : #0a102e : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1c1c1c : -64
2 : #1b1c1d : -62
4 : #1b1c1d : -60
6 : #1a1b1e : -58
8 : #1a1b1e : -56
10 : #191b1f : -54
12 : #191b1f : -52
14 : #181b20 : -50
16 : #181b21 : -48
18 : #171a21 : -46
20 : #161a22 : -44
22 : #161a22 : -42
24 : #151a23 : -40
26 : #151a23 : -38
28 : #141924 : -36
30 : #141924 : -34
32 : #131925 : -32
34 : #131926 : -30
36 : #121926 : -28
38 : #111827 : -26
40 : #111827 : -24
42 : #101828 : -22
44 : #101828 : -20
46 : #0f1829 : -18
48 : #0f182a : -16
50 : #0e172a : -14
52 : #0d172b : -12
54 : #0d172b : -10
56 : #0c172c : -8
58 : #0c172c : -6
60 : #0b162d : -4
62 : #0b162d : -2
64 : #0a162e : ±0
66 : #0a162f : +2
68 : #09162f : +4
70 : #081630 : +6
72 : #081530 : +8
74 : #071531 : +10
76 : #071531 : +12
78 : #061532 : +14
80 : #061532 : +16
82 : #051433 : +18
84 : #041434 : +20
86 : #041434 : +22
88 : #031435 : +24
90 : #031435 : +26
92 : #021336 : +28
94 : #021336 : +30
96 : #011337 : +32
98 : #011338 : +34
100 : #001338 : +36
L : 明度 ( 11% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -10
3 : #03060d : -8
5 : #050a15 : -6
7 : #060e1d : -4
9 : #081226 : -2
11 : #0a162e : ±0
13 : #0c1a36 : +2
15 : #0e1e3f : +4
17 : #102247 : +6
19 : #11264f : +8
21 : #132a58 : +10
23 : #152e60 : +12
25 : #173269 : +14
27 : #193671 : +16
29 : #1b3a79 : +18
31 : #1c3e82 : +20
33 : #1e428a : +22
35 : #204692 : +24
37 : #224a9b : +26
39 : #244ea3 : +28
41 : #2652ab : +30
43 : #2756b4 : +32
45 : #295abc : +34
47 : #2b5ec5 : +36
49 : #2d62cd : +38
51 : #3267d2 : +40
53 : #3a6ed4 : +42
55 : #4374d6 : +44
57 : #4b7ad8 : +46
59 : #5480d9 : +48
61 : #5c86db : +50
63 : #648ddd : +52
65 : #6d93df : +54
67 : #7599e1 : +56
69 : #7d9fe3 : +58
71 : #86a5e4 : +60
73 : #8eabe6 : +62
75 : #96b2e8 : +64
77 : #9fb8ea : +66
79 : #a7beec : +68
81 : #b0c4ee : +70
83 : #b8caef : +72
85 : #c0d1f1 : +74
87 : #c9d7f3 : +76
89 : #d1ddf5 : +78
91 : #d9e3f7 : +80
93 : #e2e9f9 : +82
95 : #eaf0fa : +84
97 : #f2f6fc : +86
99 : #fbfcfe : +88
CSS入門、作ってます。
text-shadow