#57003a
RGB ( 赤 = 87, 緑 = 0, 青 = 58 )
HSL ( 色相 = 320°, 彩度 = 100%, 明度 = 17% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #570000 : -320
10 : #570e00 : -310
20 : #571d00 : -300
30 : #572b00 : -290
40 : #573a00 : -280
50 : #574800 : -270
60 : #575700 : -260
70 : #485700 : -250
80 : #3a5700 : -240
90 : #2b5700 : -230
100 : #1d5700 : -220
110 : #0e5700 : -210
120 : #005700 : -200
130 : #00570e : -190
140 : #00571d : -180
150 : #00572b : -170
160 : #00573a : -160
170 : #005748 : -150
180 : #005757 : -140
190 : #004857 : -130
200 : #003a57 : -120
210 : #002b57 : -110
220 : #001d57 : -100
230 : #000e57 : -90
240 : #000057 : -80
250 : #0e0057 : -70
260 : #1d0057 : -60
270 : #2b0057 : -50
280 : #3a0057 : -40
290 : #480057 : -30
300 : #570057 : -20
310 : #570048 : -10
320 : #57003a : ±0
330 : #57002b : +10
340 : #57001d : +20
350 : #57000e : +30
310 : #570048 : -10
311 : #570047 : -9
312 : #570045 : -8
313 : #570044 : -7
314 : #570042 : -6
315 : #570041 : -5
316 : #570040 : -4
317 : #57003e : -3
318 : #57003d : -2
319 : #57003b : -1
320 : #57003a : ±0
321 : #570038 : +1
322 : #570037 : +2
323 : #570035 : +3
324 : #570034 : +4
325 : #570033 : +5
326 : #570031 : +6
327 : #570030 : +7
328 : #57002e : +8
329 : #57002d : +9
330 : #57002b : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -100
2 : #2c2a2c : -98
4 : #2d2a2c : -96
6 : #2e292c : -94
8 : #2f282d : -92
10 : #30272d : -90
12 : #31262d : -88
14 : #31252d : -86
16 : #32242e : -84
18 : #33242e : -82
20 : #34232e : -80
22 : #35222f : -78
24 : #36212f : -76
26 : #37202f : -74
28 : #371f2f : -72
30 : #381e30 : -70
32 : #391d30 : -68
34 : #3a1d30 : -66
36 : #3b1c31 : -64
38 : #3c1b31 : -62
40 : #3d1a31 : -60
42 : #3e1931 : -58
44 : #3e1832 : -56
46 : #3f1732 : -54
48 : #401732 : -52
50 : #411633 : -50
52 : #421533 : -48
54 : #431433 : -46
56 : #441333 : -44
58 : #441234 : -42
60 : #451134 : -40
62 : #461034 : -38
64 : #471035 : -36
66 : #480f35 : -34
68 : #490e35 : -32
70 : #4a0d35 : -30
72 : #4b0c36 : -28
74 : #4b0b36 : -26
76 : #4c0a36 : -24
78 : #4d0a37 : -22
80 : #4e0937 : -20
82 : #4f0837 : -18
84 : #500737 : -16
86 : #510638 : -14
88 : #510538 : -12
90 : #520438 : -10
92 : #530339 : -8
94 : #540339 : -6
96 : #550239 : -4
98 : #56013a : -2
100 : #57003a : ±0
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -16
3 : #0f000a : -14
5 : #1a0011 : -12
7 : #240018 : -10
9 : #2e001f : -8
11 : #380025 : -6
13 : #42002c : -4
15 : #4d0033 : -2
17 : #57003a : ±0
19 : #610041 : +2
21 : #6b0047 : +4
23 : #75004e : +6
25 : #800055 : +8
27 : #8a005c : +10
29 : #940063 : +12
31 : #9e0069 : +14
33 : #a80070 : +16
35 : #b30077 : +18
37 : #bd007e : +20
39 : #c70085 : +22
41 : #d1008b : +24
43 : #db0092 : +26
45 : #e60099 : +28
47 : #f000a0 : +30
49 : #fa00a7 : +32
51 : #ff05ac : +34
53 : #ff0faf : +36
55 : #ff1ab3 : +38
57 : #ff24b6 : +40
59 : #ff2eb9 : +42
61 : #ff38bd : +44
63 : #ff42c0 : +46
65 : #ff4dc4 : +48
67 : #ff57c7 : +50
69 : #ff61ca : +52
71 : #ff6bce : +54
73 : #ff75d1 : +56
75 : #ff80d5 : +58
77 : #ff8ad8 : +60
79 : #ff94db : +62
81 : #ff9edf : +64
83 : #ffa8e2 : +66
85 : #ffb3e6 : +68
87 : #ffbde9 : +70
89 : #ffc7ec : +72
91 : #ffd1f0 : +74
93 : #ffdbf3 : +76
95 : #ffe6f7 : +78
97 : #fff0fa : +80
99 : #fffafd : +82
CSS入門、作ってます。
text-shadow