Sobre o Magenta
Magenta (magenta) é um magenta médio e vibrante, com o código hex #ff00ff, ou rgb(255, 0, 255). No HSL, ele tem matiz de 300°, saturação de 100% e luminosidade de 50%. O CSS também aceita a grafia fuchsia para exatamente a mesma cor. Ela é uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: magenta; no lugar do valor hex.
Usando o Magenta em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto magenta no branco | 3.14 : 1 | AA apenas texto grande |
| Texto magenta no preto | 6.70 : 1 | AA |
Em um fundo magenta, use texto em preto (6.70 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.
CSS
.element {
color: magenta; /* or #ff00ff */
background-color: #ff00ff;
border: 1px solid rgb(255 0 255 / 50%);
}
Cores nomeadas semelhantes
Rosa Profundo (#ff1493), Violeta Escuro (#9400d3), Orquídea Média (#ba55d3), Orquídea Escura (#9932cc), Orquídea (#da70d6), Violeta Azulado (#8a2be2).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.