Laboratorio de color

Estudio de color

Elige un color y consigue sus códigos, armonías y contraste WCAG. Saca la paleta de cualquier foto y arma gradientes con el CSS listo. Todo en tu navegador.

01Selector

#0080ff

HEX

RGB

HSL

02Contraste WCAG

Texto

Fondo

—

AA normal AAA normal AA grande AAA grande

Texto de ejemplo — así se lee un párrafo normal con estos colores.

Texto grande / título

03Armonías

Complementario

Análogos

Tríada

Tétrada

Complementarios divididos

Monocromático

04Imagen → paleta

Elige una foto para extraer sus 6 colores dominantes.

La imagen se procesa 100% en tu navegador con k-means. No se sube nada a ningún servidor.

05Gradiente

Color A

Color B

Ángulo135°

06Mi paleta

Aún no has guardado colores. Usa «＋ Guardar en mi paleta» o añádelos desde las armonías y la imagen.

ESTUDIO DE COLOR · v1