Colores CSS Nombrados
Explora los 148 colores CSS nombrados con códigos hex. Filtra por grupo, busca y haz clic para copiar.
Acerca de esta herramienta
CSS define 148 colores con nombre que se pueden usar en cualquier lugar donde se acepte un valor de color: propiedades CSS, atributos SVG y atributos de color HTML. Los colores con nombre son más fáciles de leer que los códigos hex y están universalmente soportados.
Esta referencia lista todos los colores con nombre junto a sus equivalentes hex, agrupados por familia de color. Haz clic en cualquier muestra para copiar el nombre de color CSS.
Cómo usar
- Navega la cuadrícula completa o filtra por grupo de color con el desplegable.
- Busca por nombre (ej. "blue") o código hex (ej. "#0000ff").
- Haz clic en cualquier muestra para copiar el nombre de color CSS (ej. cornflowerblue).
- Usa el nombre directamente en CSS: color: cornflowerblue;
Casos de uso
Los desarrolladores frontend buscan rápidamente el nombre de un color que recuerdan visualmente. Los diseñadores verifican qué color CSS con nombre se acerca más a su color de marca. Los educadores usan esta referencia al enseñar sintaxis de color CSS. Los desarrolladores usan colores con nombre en prototipos y demos para mayor legibilidad.
Preguntas frecuentes
- ¿Cuántos colores con nombre tiene CSS? CSS Color Level 4 define 148 colores con nombre, más transparent y currentcolor.
- ¿Los colores con nombre son iguales en todos los navegadores? Sí. Los colores con nombre están completamente estandarizados y producen resultados idénticos en todos los navegadores modernos.
- ¿Puedo usar colores con nombre en SVG? Sí. SVG acepta los mismos nombres de color CSS para los atributos fill y stroke.