#2a186d
RGB ( 赤 = 42, 緑 = 24, 青 = 109 )
HSL ( 色相 = 253°, 彩度 = 64%, 明度 = 26% )
H : 色相 ( 253° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #6d1c18 : -250
13 : #6d2a18 : -240
23 : #6d3818 : -230
33 : #6d4718 : -220
43 : #6d5518 : -210
53 : #6d6318 : -200
63 : #686d18 : -190
73 : #5a6d18 : -180
83 : #4c6d18 : -170
93 : #3e6d18 : -160
103 : #306d18 : -150
113 : #226d18 : -140
123 : #186d1c : -130
133 : #186d2a : -120
143 : #186d38 : -110
153 : #186d47 : -100
163 : #186d55 : -90
173 : #186d63 : -80
183 : #18686d : -70
193 : #185a6d : -60
203 : #184c6d : -50
213 : #183e6d : -40
223 : #18306d : -30
233 : #18226d : -20
243 : #1c186d : -10
253 : #2a186d : ±0
263 : #38186d : +10
273 : #47186d : +20
283 : #55186d : +30
293 : #63186d : +40
303 : #6d1868 : +50
313 : #6d185a : +60
323 : #6d184c : +70
333 : #6d183e : +80
343 : #6d1830 : +90
353 : #6d1822 : +100
243 : #1c186d : -10
244 : #1e186d : -9
245 : #1f186d : -8
246 : #20186d : -7
247 : #22186d : -6
248 : #23186d : -5
249 : #25186d : -4
250 : #26186d : -3
251 : #27186d : -2
252 : #29186d : -1
253 : #2a186d : ±0
254 : #2c186d : +1
255 : #2d186d : +2
256 : #2e186d : +3
257 : #30186d : +4
258 : #31186d : +5
259 : #33186d : +6
260 : #34186d : +7
261 : #36186d : +8
262 : #37186d : +9
263 : #38186d : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -64
2 : #424144 : -62
4 : #414045 : -60
6 : #403e46 : -58
8 : #3f3d48 : -56
10 : #3f3c49 : -54
12 : #3e3a4a : -52
14 : #3d394c : -50
16 : #3c384d : -48
18 : #3c364e : -46
20 : #3b3550 : -44
22 : #3a3451 : -42
24 : #393252 : -40
26 : #393154 : -38
28 : #383055 : -36
30 : #372e56 : -34
32 : #362d58 : -32
34 : #362c59 : -30
36 : #352a5a : -28
38 : #34295b : -26
40 : #33285d : -24
42 : #33265e : -22
44 : #32255f : -20
46 : #312461 : -18
48 : #302262 : -16
50 : #302163 : -14
52 : #2f2065 : -12
54 : #2e1e66 : -10
56 : #2d1d67 : -8
58 : #2d1c69 : -6
60 : #2c1b6a : -4
62 : #2b196b : -2
64 : #2a186d : ±0
66 : #2a176e : +2
68 : #29156f : +4
70 : #281471 : +6
72 : #271372 : +8
74 : #261173 : +10
76 : #261075 : +12
78 : #250f76 : +14
80 : #240d77 : +16
82 : #230c79 : +18
84 : #230b7a : +20
86 : #22097b : +22
88 : #21087d : +24
90 : #20077e : +26
92 : #20057f : +28
94 : #1f0481 : +30
96 : #1e0382 : +32
98 : #1d0183 : +34
100 : #1d0085 : +36
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #030208 : -24
4 : #070411 : -22
6 : #0a0619 : -20
8 : #0d0721 : -18
10 : #10092a : -16
12 : #140b32 : -14
14 : #170d3b : -12
16 : #1a0f43 : -10
18 : #1d114b : -8
20 : #211254 : -6
22 : #24145c : -4
24 : #271664 : -2
26 : #2a186d : ±0
28 : #2e1a75 : +2
30 : #311c7d : +4
32 : #341d86 : +6
34 : #371f8e : +8
36 : #3b2197 : +10
38 : #3e239f : +12
40 : #4125a7 : +14
42 : #4427b0 : +16
44 : #4828b8 : +18
46 : #4b2ac0 : +20
48 : #4e2cc9 : +22
50 : #512ed1 : +24
52 : #5836d3 : +26
54 : #5f3fd5 : +28
56 : #6647d7 : +30
58 : #6d4fd8 : +32
60 : #7458da : +34
62 : #7b60dc : +36
64 : #8268de : +38
66 : #8971e0 : +40
68 : #9079e2 : +42
70 : #9782e3 : +44
72 : #9e8ae5 : +46
74 : #a592e7 : +48
76 : #ac9be9 : +50
78 : #b3a3eb : +52
80 : #baabed : +54
82 : #c0b4ee : +56
84 : #c7bcf0 : +58
86 : #cec4f2 : +60
88 : #d5cdf4 : +62
90 : #dcd5f6 : +64
92 : #e3def8 : +66
94 : #eae6f9 : +68
96 : #f1eefb : +70
98 : #f8f7fd : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow