Acerca de Magenta
Magenta (magenta) es un magenta vibrante de tono medio, con el código hex #ff00ff, o rgb(255, 0, 255). En HSL tiene un matiz de 300°, saturación del 100 % y luminosidad del 50 %. CSS también acepta la escritura fuchsia para exactamente el mismo color. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: magenta; en lugar del valor hex.
Uso de Magenta en texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto magenta sobre blanco | 3.14 : 1 | AA solo para texto grande |
| Texto magenta sobre negro | 6.70 : 1 | AA |
Sobre un fondo magenta, usa texto en negro (6.70 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.
CSS
.element {
color: magenta; /* or #ff00ff */
background-color: #ff00ff;
border: 1px solid rgb(255 0 255 / 50%);
}Colores con nombre similares
Rosa intenso (#ff1493), Violeta oscuro (#9400d3), Orquídea medio (#ba55d3), Orquídea oscuro (#9932cc), Orquídea (#da70d6), Violeta azulado (#8a2be2).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.