Acerca del rojo
Rojo (red) es un rojo medio y vivo con el código hex #ff0000, o rgb(255, 0, 0). En HSL tiene un matiz de 0°, saturación del 100 % y luminosidad del 50 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: red; en lugar del valor hex.
Uso del rojo en texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto rojo sobre blanco | 4.00 : 1 | Solo AA texto grande |
| Texto rojo sobre negro | 5.25 : 1 | AA |
Sobre un fondo rojo, usa texto en negro (5.25 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: red; /* or #ff0000 */
background-color: #ff0000;
border: 1px solid rgb(255 0 0 / 50%);
}Colores con nombre similares
Rojo anaranjado (#ff4500), Carmesí (#dc143c), Rojo ladrillo (#b22222), Marrón (#a52a2a), Rojo oscuro (#8b0000), Chocolate (#d2691e).
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.