CHROMA

Los 141 nombres de color de CSS

Colores que puedes escribir por su nombre en CSS y HTML, agrupados por familia. Abre uno para ver sus códigos, paletas y contraste.

Rojo 13

Naranja 20

Amarillo 9

Verde 20

Cian 15

Azul 17

Morado 6

Rosa 12

Marrón 3

Blanco 19

Gris 6

Negro 1

ABOUT

Sobre los nombres de color de CSS

CSS incluye 141 colores con nombre que puedes escribir tal cual — tomato, rebeccapurple, gainsboro — en vez de un código hexadecimal. No son una paleta moderna. La mayoría llegó del sistema de ventanas X11 en los años ochenta, y por eso el conjunto tiene diez grises con grafías inconsistentes y ningún naranja hasta que HTML 4 añadió uno.

Los nombres van bien mientras esbozas: background: tomato se lee de un vistazo y no hay que consultar nada. Encajan mal en el trabajo final, porque el conjunto tiene huecos justo donde más los necesitas: no hay un azul apagado entre steelblue y slategray, y los verdes saltan de limegreen directamente a forestgreen sin nada en medio.

Dos grafías merecen recordarse. gray y grey funcionan igual en todas partes y significan lo mismo, al igual que todos sus compuestos. Y rebeccapurple se añadió en 2014 en memoria de la hija de Eric Meyer: el único color con nombre de CSS que lleva una dedicatoria detrás.

Cada color de abajo abre una página con sus códigos en siete formatos, una escala de claros y oscuros, paletas de armonía y una comprobación de contraste sobre blanco y negro. Esas páginas son herramientas más que artículos, así que se mantienen fuera de los resultados de búsqueda: entra desde una muestra.