Cómo Funciona

1

Elige Tu Color

Usa el selector de espectro, la rueda de color o pega cualquier código de color.

2

Construye Tu Paleta

Añade colores a tu paleta, genera armonías, comprueba el contraste y crea gradientes. Bloquea los colores que te gustan y mezcla el resto.

3

Exporta a Cualquier Lugar

Copia en cualquier formato, exporta como variables CSS, configuración de Tailwind, SCSS o JSON. Todo sucede en tu navegador.

Características Potentes

100% Privado

Todo el procesamiento ocurre localmente. Sin cargas, sin servidores, sin seguimiento.

14+ Formatos de Color

HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB, OKLCH, HWB y más.

Herramientas de Accesibilidad

Comprobación de contraste WCAG y APCA, simulación de daltonismo.

Armonías de Color

Esquemas complementarios, análogos, triádicos, tetrádicos y más.

Preguntas Frecuentes

¿Son privados mis datos?
Sí, 100%. Todo el procesamiento de color ocurre completamente en tu navegador usando JavaScript. Ningún dato se envía nunca a ningún servidor. No rastreamos, almacenamos ni transmitimos nada.
¿Qué formatos de color son compatibles?
Admitimos 14+ formatos de color: HEX, HEX8 (con alfa), RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LAB, LCH, OKLAB y OKLCH. Puedes ingresar y generar en cualquier formato.
¿Qué es el contraste WCAG?
WCAG (Pautas de Accesibilidad al Contenido Web) define relaciones de contraste mínimas para la legibilidad del texto. AA requiere 4.5:1 para texto normal y 3:1 para texto grande. AAA requiere 7:1 y 4.5:1 respectivamente.
¿Qué es APCA?
APCA (Algoritmo Avanzado de Contraste Perceptual) es un método moderno de cálculo de contraste que modela mejor la percepción humana. Se está considerando para WCAG 3.0 y proporciona resultados más precisos para la legibilidad en el mundo real.