#282440
RGB ( 赤 = 40, 緑 = 36, 青 = 64 )
HSL ( 色相 = 249°, 彩度 = 28%, 明度 = 20% )
H : 色相 ( 249° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #412925 : -240
19 : #412e25 : -230
29 : #413325 : -220
39 : #413725 : -210
49 : #413c25 : -200
59 : #414125 : -190
69 : #3d4125 : -180
79 : #384125 : -170
89 : #334125 : -160
99 : #2f4125 : -150
109 : #2a4125 : -140
119 : #254125 : -130
129 : #254129 : -120
139 : #25412e : -110
149 : #254133 : -100
159 : #254137 : -90
169 : #25413c : -80
179 : #254141 : -70
189 : #253d41 : -60
199 : #253841 : -50
209 : #253341 : -40
219 : #252f41 : -30
229 : #252a41 : -20
239 : #252541 : -10
249 : #292541 : ±0
259 : #2e2541 : +10
269 : #332541 : +20
279 : #372541 : +30
289 : #3c2541 : +40
299 : #412541 : +50
309 : #41253d : +60
319 : #412538 : +70
329 : #412533 : +80
339 : #41252f : +90
349 : #41252a : +100
359 : #412525 : +110
239 : #252541 : -10
240 : #252541 : -9
241 : #252541 : -8
242 : #262541 : -7
243 : #262541 : -6
244 : #272541 : -5
245 : #272541 : -4
246 : #282541 : -3
247 : #282541 : -2
248 : #292541 : -1
249 : #292541 : ±0
250 : #292541 : +1
251 : #2a2541 : +2
252 : #2a2541 : +3
253 : #2b2541 : +4
254 : #2b2541 : +5
255 : #2c2541 : +6
256 : #2c2541 : +7
257 : #2d2541 : +8
258 : #2d2541 : +9
259 : #2e2541 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -28
2 : #323234 : -26
4 : #323135 : -24
6 : #313036 : -22
8 : #302f37 : -20
10 : #2f2e38 : -18
12 : #2f2d39 : -16
14 : #2e2c3a : -14
16 : #2d2b3b : -12
18 : #2d2a3c : -10
20 : #2c293d : -8
22 : #2b283e : -6
24 : #2a273f : -4
26 : #2a2640 : -2
28 : #292541 : ±0
30 : #282442 : +2
32 : #282343 : +4
34 : #272244 : +6
36 : #262145 : +8
38 : #252046 : +10
40 : #251f47 : +12
42 : #241e48 : +14
44 : #231d49 : +16
46 : #231c4a : +18
48 : #221b4b : +20
50 : #211a4d : +22
52 : #20184e : +24
54 : #20174f : +26
56 : #1f1650 : +28
58 : #1e1551 : +30
60 : #1e1452 : +32
62 : #1d1353 : +34
64 : #1c1254 : +36
66 : #1b1155 : +38
68 : #1b1056 : +40
70 : #1a0f57 : +42
72 : #190e58 : +44
74 : #190d59 : +46
76 : #180c5a : +48
78 : #170b5b : +50
80 : #160a5c : +52
82 : #16095d : +54
84 : #15085e : +56
86 : #14075f : +58
88 : #140660 : +60
90 : #130561 : +62
92 : #120462 : +64
94 : #110363 : +66
96 : #110264 : +68
98 : #100165 : +70
100 : #0f0066 : +72
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #040407 : -18
4 : #08070d : -16
6 : #0c0b14 : -14
8 : #100f1a : -12
10 : #151221 : -10
12 : #191627 : -8
14 : #1d1a2e : -6
16 : #211d34 : -4
18 : #25213b : -2
20 : #292541 : ±0
22 : #2d2848 : +2
24 : #312c4e : +4
26 : #353055 : +6
28 : #39335b : +8
30 : #3e3762 : +10
32 : #423b68 : +12
34 : #463e6f : +14
36 : #4a4276 : +16
38 : #4e467c : +18
40 : #524983 : +20
42 : #564d89 : +22
44 : #5a5190 : +24
46 : #5e5496 : +26
48 : #62589d : +28
50 : #675ca3 : +30
52 : #6d62a7 : +32
54 : #7369ab : +34
56 : #796fae : +36
58 : #7f76b2 : +38
60 : #857cb6 : +40
62 : #8b83b9 : +42
64 : #9189bd : +44
66 : #9790c1 : +46
68 : #9d97c4 : +48
70 : #a49dc8 : +50
72 : #aaa4cc : +52
74 : #b0aacf : +54
76 : #b6b1d3 : +56
78 : #bcb7d7 : +58
80 : #c2beda : +60
82 : #c8c4de : +62
84 : #cecbe2 : +64
86 : #d4d1e5 : +66
88 : #dad8e9 : +68
90 : #e1deed : +70
92 : #e7e5f0 : +72
94 : #edebf4 : +74
96 : #f3f2f8 : +76
98 : #f9f8fb : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow