UTILS.
100% en el navegador

Herramientas de Color

Herramientas de color gratuitas para diseñadores y desarrolladores: convierte entre HEX, RGB, HSL, CMYK, HSV y más, crea paletas armoniosas, comprueba el contraste WCAG, mezcla y matiza colores y encuentra el color con nombre más cercano.

Generador de paletas de color

Genera paletas complementarias, análogas, triádicas y tetrádicas a partir de cualquier color base.

Verificador de contraste de color

Comprueba la relación de contraste WCAG entre un color de texto y de fondo con resultados AA/AAA.

Mezclador de colores

Combina dos colores con una proporción ajustable y obtén el valor HEX resultante.

Sombras y tintes de color

Genera una gama de tintes más claros y sombras más oscuras a partir de cualquier color base.

🎨

Colores con nombre de CSS

Explora y busca los más de 140 colores con nombre de CSS con sus valores HEX.

Generador de colores aleatorios

Genera un color aleatorio y míralo como HEX, RGB y HSL.

Simulador de daltonismo

Simula cómo se ve un color con protanopía, deuteranopía y tritanopía.

HEX ⇄ RGBA

Convierte entre códigos de color HEX con alfa y notación rgba(), con vista previa en vivo.

#?

Formatos de Color CSS

Muestra un color en todos los formatos CSS: hex, rgb(), hsl() y hwb().

tw

Generador de Paleta Tailwind

Genera una escala de tonos al estilo Tailwind de 50 a 950 a partir de cualquier color base.

🖼◑

Extractor de Color de Imagen

Extrae los colores dominantes de una imagen subida como muestras hex.

◐◑

Generador Duotono

Crea un degradado duotono de dos colores con CSS copiable.

cmyk

Conversor de CMYK a RGB

Convierte colores entre CMYK y RGB/HEX con una muestra en vivo.

hsv

Conversor HSV / HSB

Convierte colores entre HSV/HSB y RGB/HEX con una muestra en vivo.

◑?

Color con nombre más cercano

Encuentra los colores con nombre CSS más cercanos a cualquier color que elijas.

#abc

Color a partir de texto

Genera un color determinista a partir de cualquier cadena de texto.