#240a57
RGB ( 赤 = 36, 緑 = 10, 青 = 87 )
HSL ( 色相 = 260°, 彩度 = 79%, 明度 = 19% )
H : 色相 ( 260° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #570a0a : -260
10 : #57170a : -250
20 : #57240a : -240
30 : #57300a : -230
40 : #573d0a : -220
50 : #574a0a : -210
60 : #57570a : -200
70 : #4a570a : -190
80 : #3d570a : -180
90 : #30570a : -170
100 : #24570a : -160
110 : #17570a : -150
120 : #0a570a : -140
130 : #0a5717 : -130
140 : #0a5724 : -120
150 : #0a5730 : -110
160 : #0a573d : -100
170 : #0a574a : -90
180 : #0a5757 : -80
190 : #0a4a57 : -70
200 : #0a3d57 : -60
210 : #0a3057 : -50
220 : #0a2457 : -40
230 : #0a1757 : -30
240 : #0a0a57 : -20
250 : #170a57 : -10
260 : #240a57 : ±0
270 : #300a57 : +10
280 : #3d0a57 : +20
290 : #4a0a57 : +30
300 : #570a57 : +40
310 : #570a4a : +50
320 : #570a3d : +60
330 : #570a30 : +70
340 : #570a24 : +80
350 : #570a17 : +90
250 : #170a57 : -10
251 : #180a57 : -9
252 : #190a57 : -8
253 : #1b0a57 : -7
254 : #1c0a57 : -6
255 : #1d0a57 : -5
256 : #1f0a57 : -4
257 : #200a57 : -3
258 : #210a57 : -2
259 : #220a57 : -1
260 : #240a57 : ±0
261 : #250a57 : +1
262 : #260a57 : +2
263 : #280a57 : +3
264 : #290a57 : +4
265 : #2a0a57 : +5
266 : #2b0a57 : +6
267 : #2d0a57 : +7
268 : #2e0a57 : +8
269 : #2f0a57 : +9
270 : #300a57 : +10
S : 彩度 ( 79% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303031 : -78
3 : #302f32 : -76
5 : #302e33 : -74
7 : #2f2d34 : -72
9 : #2f2c35 : -70
11 : #2f2b36 : -68
13 : #2e2a37 : -66
15 : #2e2938 : -64
17 : #2e2839 : -62
19 : #2d273a : -60
21 : #2d263b : -58
23 : #2d253c : -56
25 : #2c243d : -54
27 : #2c233e : -52
29 : #2c223f : -50
31 : #2b213f : -48
33 : #2b2040 : -46
35 : #2b1f41 : -44
37 : #2a1f42 : -42
39 : #2a1e43 : -40
41 : #2a1d44 : -38
43 : #2a1c45 : -36
45 : #291b46 : -34
47 : #291a47 : -32
49 : #291948 : -30
51 : #281849 : -28
53 : #28174a : -26
55 : #28164b : -24
57 : #27154c : -22
59 : #27144d : -20
61 : #27134e : -18
63 : #26124f : -16
65 : #261150 : -14
67 : #261051 : -12
69 : #250f52 : -10
71 : #250e53 : -8
73 : #250d54 : -6
75 : #240c55 : -4
77 : #240b56 : -2
79 : #240a57 : ±0
81 : #230958 : +2
83 : #230859 : +4
85 : #23075a : +6
87 : #22065b : +8
89 : #22055c : +10
91 : #22045d : +12
93 : #21035e : +14
95 : #21025e : +16
97 : #21015f : +18
99 : #200060 : +20
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #020105 : -18
3 : #06020e : -16
5 : #090317 : -14
7 : #0d0420 : -12
9 : #110529 : -10
11 : #150632 : -8
13 : #18073b : -6
15 : #1c0844 : -4
17 : #20094e : -2
19 : #240a57 : ±0
21 : #270b60 : +2
23 : #2b0c69 : +4
25 : #2f0d72 : +6
27 : #330e7b : +8
29 : #361084 : +10
31 : #3a118d : +12
33 : #3e1297 : +14
35 : #4213a0 : +16
37 : #4614a9 : +18
39 : #4915b2 : +20
41 : #4d16bb : +22
43 : #5117c4 : +24
45 : #5518cd : +26
47 : #5819d7 : +28
49 : #5c1ae0 : +30
51 : #611fe5 : +32
53 : #6828e6 : +34
55 : #6e32e7 : +36
57 : #743be8 : +38
59 : #7b44e9 : +40
61 : #814dea : +42
63 : #8856eb : +44
65 : #8e5fec : +46
67 : #9568ed : +48
69 : #9b72ee : +50
71 : #a27bef : +52
73 : #a884f1 : +54
75 : #ae8df2 : +56
77 : #b596f3 : +58
79 : #bb9ff4 : +60
81 : #c2a8f5 : +62
83 : #c8b1f6 : +64
85 : #cfbbf7 : +66
87 : #d5c4f8 : +68
89 : #dccdf9 : +70
91 : #e2d6fa : +72
93 : #e8dffb : +74
95 : #efe8fc : +76
97 : #f5f1fd : +78
99 : #fcfafe : +80
CSS入門、作ってます。
text-shadow