#2d42a9
RGB ( 赤 = 45, 緑 = 66, 青 = 169 )
HSL ( 色相 = 230°, 彩度 = 58%, 明度 = 42% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #a92d2d : -230
10 : #a9422d : -220
20 : #a9562d : -210
30 : #a96b2d : -200
40 : #a9802d : -190
50 : #a9952d : -180
60 : #a9a92d : -170
70 : #95a92d : -160
80 : #80a92d : -150
90 : #6ba92d : -140
100 : #56a92d : -130
110 : #42a92d : -120
120 : #2da92d : -110
130 : #2da942 : -100
140 : #2da956 : -90
150 : #2da96b : -80
160 : #2da980 : -70
170 : #2da995 : -60
180 : #2da9a9 : -50
190 : #2d95a9 : -40
200 : #2d80a9 : -30
210 : #2d6ba9 : -20
220 : #2d56a9 : -10
230 : #2d42a9 : ±0
240 : #2d2da9 : +10
250 : #422da9 : +20
260 : #562da9 : +30
270 : #6b2da9 : +40
280 : #802da9 : +50
290 : #952da9 : +60
300 : #a92da9 : +70
310 : #a92d95 : +80
320 : #a92d80 : +90
330 : #a92d6b : +100
340 : #a92d56 : +110
350 : #a92d42 : +120
220 : #2d56a9 : -10
221 : #2d54a9 : -9
222 : #2d52a9 : -8
223 : #2d50a9 : -7
224 : #2d4ea9 : -6
225 : #2d4ca9 : -5
226 : #2d4aa9 : -4
227 : #2d48a9 : -3
228 : #2d46a9 : -2
229 : #2d44a9 : -1
230 : #2d42a9 : ±0
231 : #2d40a9 : +1
232 : #2d3ea9 : +2
233 : #2d3ba9 : +3
234 : #2d39a9 : +4
235 : #2d37a9 : +5
236 : #2d35a9 : +6
237 : #2d33a9 : +7
238 : #2d31a9 : +8
239 : #2d2fa9 : +9
240 : #2d2da9 : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -58
2 : #696a6d : -56
4 : #67686f : -54
6 : #656772 : -52
8 : #636574 : -50
10 : #606476 : -48
12 : #5e6378 : -46
14 : #5c617a : -44
16 : #5a607c : -42
18 : #585e7e : -40
20 : #565d81 : -38
22 : #545b83 : -36
24 : #515a85 : -34
26 : #4f5987 : -32
28 : #4d5789 : -30
30 : #4b568b : -28
32 : #49548d : -26
34 : #475390 : -24
36 : #455192 : -22
38 : #425094 : -20
40 : #404f96 : -18
42 : #3e4d98 : -16
44 : #3c4c9a : -14
46 : #3a4a9c : -12
48 : #38499f : -10
50 : #3647a1 : -8
52 : #3346a3 : -6
54 : #3145a5 : -4
56 : #2f43a7 : -2
58 : #2d42a9 : ±0
60 : #2b40ab : +2
62 : #293fae : +4
64 : #273db0 : +6
66 : #243cb2 : +8
68 : #223bb4 : +10
70 : #2039b6 : +12
72 : #1e38b8 : +14
74 : #1c36ba : +16
76 : #1a35bc : +18
78 : #1833bf : +20
80 : #1532c1 : +22
82 : #1331c3 : +24
84 : #112fc5 : +26
86 : #0f2ec7 : +28
88 : #0d2cc9 : +30
90 : #0b2bcb : +32
92 : #0929ce : +34
94 : #0628d0 : +36
96 : #0427d2 : +38
98 : #0225d4 : +40
100 : #0024d6 : +42
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #020308 : -40
4 : #040610 : -38
6 : #060918 : -36
8 : #090d20 : -34
10 : #0b1028 : -32
12 : #0d1330 : -30
14 : #0f1638 : -28
16 : #111940 : -26
18 : #131c49 : -24
20 : #151f51 : -22
22 : #182259 : -20
24 : #1a2661 : -18
26 : #1c2969 : -16
28 : #1e2c71 : -14
30 : #202f79 : -12
32 : #223281 : -10
34 : #243589 : -8
36 : #273891 : -6
38 : #293b99 : -4
40 : #2b3fa1 : -2
42 : #2d42a9 : ±0
44 : #2f45b1 : +2
46 : #3148b9 : +4
48 : #334bc1 : +6
50 : #364ec9 : +8
52 : #3e55cc : +10
54 : #465cce : +12
56 : #4e63d0 : +14
58 : #566ad2 : +16
60 : #5e72d4 : +18
62 : #6679d6 : +20
64 : #6e80d8 : +22
66 : #7687db : +24
68 : #7e8edd : +26
70 : #8695df : +28
72 : #8e9ce1 : +30
74 : #96a3e3 : +32
76 : #9eaae5 : +34
78 : #a6b1e7 : +36
80 : #aeb8ea : +38
82 : #b6bfec : +40
84 : #bfc6ee : +42
86 : #c7cdf0 : +44
88 : #cfd5f2 : +46
90 : #d7dcf4 : +48
92 : #dfe3f6 : +50
94 : #e7eaf9 : +52
96 : #eff1fb : +54
98 : #f7f8fd : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow