Colores Nombrados de CSS

¿Qué son los colores nombrados de CSS?

Los colores nombrados de CSS son un conjunto fijo de 147 palabras clave — como tomato, aliceblue, rebeccapurple — que puedes usar en cualquier lugar donde se espera un color CSS, en lugar de un código hex o función rgb(). Vienen integrados en cada navegador, se renderizan idénticos en cualquier plataforma, y no requieren preprocesamiento. La lista creció a lo largo de la historia del CSS: las 16 originales vinieron de VGA, otro lote de X11, y rebeccapurple se añadió en 2014 en memoria de la hija del pionero del CSS Eric Meyer.

Cómo usar esta referencia

Escribe en la caja de búsqueda para filtrar por nombre (prueba blue, dark o red) o por hex (prueba ff). Cambia el desplegable de orden para organizar por matiz cuando estés cazando un color que solo puedes describir visualmente, o por luminosidad cuando elijas sombras para estados de hover. Haz clic en cualquier muestra para copiar la palabra clave al portapapeles — pégala directo en una regla CSS como color: tomato;.

Cuándo recurrir a los colores nombrados

Los colores nombrados son geniales para prototipos rápidos, badges de README, código de demostración, y cualquier contexto donde la fidelidad exacta de marca no es necesaria. No son ideales para design systems de producción — la paleta heredada es desigual (muchos rosas y naranjas, pocos teals oscuros) y los nombres son raros (papayawhip, peachpuff). Para trabajo final, deriva los hex equivalentes de los nombres y reconstruye la paleta alrededor de tu marca usando una herramienta como nuestro Generador de Armonía de Colores.

De dónde vienen los nombres

Los 147 nombres se remontan al archivo rgb.txt del X Window System de finales de los 80, que a su vez tomó nombres prestados de un catálogo de Sinclair Paints y otras varias fuentes. Los 16 originales — aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow — fueron heredados del hardware VGA. El CSS moderno especifica la lista completa como códigos hex sRGB exactos; los navegadores no aproximan.

Grupos de color en la paleta nombrada

Rojos y rosas: red, crimson, salmon, lightcoral, hotpink, deeppink, pink y compañía. Naranjas y marrones: orange, darkorange, coral, tomato, chocolate, sienna, peru. Amarillos y dorados: yellow, gold, khaki, palegoldenrod. Verdes: green, lime, forestgreen, seagreen, olive, olivedrab — por lejos el grupo de matiz más grande. Azules: blue, navy, royalblue, dodgerblue, steelblue, lightblue. Púrpuras: purple, violet, indigo, orchid, plum, rebeccapurple. Neutros: una docena de alias gray/grey más silver, white y black.

Preguntas frecuentes