Código da Cor Magenta (#ff00ff)

Magenta é #ff00ff em hex e rgb(255, 0, 255), um magenta médio. Abaixo você encontra todos os formatos de cor, tons claros e escuros, harmonias e o quão legível ela é como texto.

Atualizado em

Magenta
#ff00ff
Nome CSSmagenta (também fuchsia)
Hex#ff00ff
RGBrgb(255, 0, 255)
HSLhsl(300 100% 50%)
HWBhwb(300 0% 0%)
CMYK0%, 100%, 0%, 0%

Tons claros e escuros

Harmonias de cores

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çãoRazão de contrasteWCAG
Texto magenta no branco3.14 : 1AA apenas texto grande
Texto magenta no preto6.70 : 1AA

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).

Perguntas frequentes

Qual é o código hex do magenta?
#ff00ff, ou seja, rgb(255, 0, 255) e hsl(300, 100%, 50%). No CSS você também pode simplesmente escrever magenta.
O texto magenta é legível no branco?
Sua razão de contraste no branco é 3.14 : 1, que passa apenas para textos grandes (WCAG AA texto grande).
Quais cores combinam com o magenta?
Sua cor complementar é #00ff00; as cores análogas #8000ff e #ff0080 ficam ao lado dela no círculo cromático.