Saltar al contenido principal

Herramientas útiles

Diccionario de códigos de color

Copia los códigos HEX, RGB y HSL de 52 colores con nombre, del rojo y azul al carmesí y verde azulado.

Contenido recomendado

Una tabla de códigos de colores HEX gratis con 52 colores con nombre, agrupados en siete familias: desde básicos como el rojo y el azul hasta carmesí (crimson), verde azulado (teal) e índigo. 50 de ellos son nombres de color estándar de CSS que puedes escribir tal cual en tu hoja de estilos; amber y mint son nombres de uso común sin palabra clave CSS. Cada color trae una muestra grande y sus valores HEX, rgb() y hsl() en formato CSS: toca una tarjeta para copiarlo. Debajo hay una paleta de cinco pasos (dos más oscuros, el original y dos más claros) y cuatro colores parecidos de la misma familia. Busca por el nombre en inglés o por el código HEX, sin registrarte.

Preguntas frecuentes

  • Q. ¿Cuántos colores tiene la tabla de códigos?

    A. 52 colores con nombre en siete familias: rojos, naranjas y marrones, amarillos, verdes, azules, morados y rosas, y neutros. 50 son nombres estándar de CSS; amber (#FFBF00) y mint (#3EB489) no tienen palabra clave CSS.

  • Q. ¿En qué formatos puedo copiar el código?

    A. En HEX, RGB y HSL, listos para CSS. Por ejemplo, crimson se copia como #DC143C, rgb(220, 20, 60) o hsl(348, 83%, 47%).

  • Q. ¿Cómo se arma la paleta de tonos?

    A. Tiene cinco pasos: el color mezclado con 40 % y 20 % de negro, el original y el color mezclado con 25 % y 50 % de blanco. Toca cualquier muestra para copiar su HEX.