Nombres de colores CSS
Los 148 colores con nombre de la especificación CSS, agrupados por tono y ordenados de claro a oscuro. Haz clic en un nombre o en un valor HEX para copiarlo.
Rojo
Rojo rosado
Rosa
Magenta
Púrpura
Violeta
Índigo
Azul
Azul cielo
Cian
Verde azulado
Esmeralda
Verde
Lima
Amarillo
Ámbar
Naranja
Marrón
Beige
Blanco
Gris
Negro
Preguntas y respuestas
¿Cuántos colores con nombre tiene CSS?
CSS Color 4 define 148 colores con nombre, de aliceblue a yellowgreen. Algunos son sinónimos con el mismo valor, como gray y grey o aqua y cyan. Además existen las palabras clave transparent y currentcolor, que no son colores fijos.
¿Gray y grey son lo mismo en CSS?
Sí. Cada nombre con gray tiene también la grafía grey con exactamente el mismo valor; por ejemplo, darkgray y darkgrey son ambos #a9a9a9. Curiosamente, darkgray es más claro que gray, una rareza heredada de la lista de colores de X11.
¿Conviene usar nombres de colores en el CSS de producción?
Los colores con nombre funcionan en todos los navegadores, así que sirven para prototipos, demos y estilos puntuales. En un producto es mejor usar tus propios tokens en OKLCH o HEX: son más fáciles de ajustar como escala y de mantener coherentes entre temas.