HEXgenerator.online crea paletas de colores armónicas en un clic y las exporta como variables CSS, SCSS, Tailwind o JSON. Pulsa la barra espaciadora para generar, fija los colores que te gusten y revisa el contraste WCAG antes de usar la paleta en tu web.
Actualizado el
Clic en un HEX para copiarlo · candado para fijarlo
Cada celda muestra el texto de la columna sobre el fondo de la fila.
Clic en un tono para copiar su HEX.
Se guardan solo en este navegador. Clic en una paleta para cargarla.
Un código HEX escribe un color en hexadecimal con el formato #RRGGBB: dos dígitos para el rojo, dos para el verde y dos para el azul, cada uno de 00 a FF. Permite 16 777 216 colores y es el formato más usado en CSS y diseño web.
Copia el bloque :root con las variables --color-1, --color-2… y úsalas con var(--color-1) en cualquier propiedad, como color o background. Así cambias toda la paleta editando un solo lugar.
La análoga usa tonos vecinos y transmite calma. La complementaria enfrenta colores opuestos para lograr el máximo contraste. La tríada reparte tres tonos a 120° y da un equilibrio vivo. La monocromática varía la luminosidad de un solo tono y es la más sobria.
