Nombres de colores CSS

Los 148 colores con nombre de CSS, con vista previa y código hex. Busca por nombre, ordena por tono y haz clic en cualquier tarjeta para copiar el hex.

Haz clic en una tarjeta para copiar su código hex.

De dónde vienen los 148 nombres de colores CSS

La mayoría de los nombres se remonta a la paleta de colores del sistema de ventanas X11 de la década de 1980, que después adoptaron los navegadores y oficializó el módulo CSS Color. Por eso nombres tan pintorescos como papayawhip y mistyrose conviven con los de toda la vida, como red y blue. El color número 148, rebeccapurple (#663399), se añadió en 2014 en memoria de Rebecca, la hija del desarrollador web Eric Meyer, que falleció a los seis años: es el único nombre que salió directamente de la propia comunidad web.

Cuándo usar nombres y cuándo usar códigos hex

Los colores con nombre van muy bien para prototipos, ejemplos y para enseñar: tomato es mucho más fácil de recordar que #ff6347. En producción, sin embargo, ganan los códigos hex: cubren 16,7 millones de tonos frente a solo 148. Ojo con los duplicados: gray y grey (y todas sus variantes) son exactamente el mismo color, igual que aqua/cyan y fuchsia/magenta. Y cuidado con darkgray, que paradójicamente es más claro que gray — una rareza histórica heredada de X11.