Skip to content
clkr

Loading tools…

    Generador de paletas de colores

    Genera paletas de colores con reglas de armonía, un color base o una imagen. Generador de paletas de colores gratis online; exporta HEX, CSS o Tailwind.

    Cargando…

    What next?

    ¿Te ha sido útil? Comparte Generador de paletas de colores

    Gratis, sin registro, funciona en el navegador: envíasela a un amigo o añádela a tu sitio.

    Forma parte de estos kits

    Cómo usar Generador de paletas de colores

    1. 1Pulsa Generar paleta (o la barra espaciadora) para una paleta armoniosa nueva: bloquea los colores que quieras conservar
    2. 2O elige un color base y una regla de armonía, o extrae los colores principales de una imagen
    3. 3Toca una muestra para ajustarla, haz clic en un código para copiarlo y exporta como HEX, variables CSS, Tailwind, JSON o PNG

    Preguntas frecuentes

    ¿Qué son las armonías de color?▾

    Reglas basadas en posiciones de la rueda de color: los colores análogos están uno junto a otro, los complementarios son opuestos (180°), los triádicos están separados 120°, el complementario dividido usa los dos vecinos del complemento y el monocromático varía la luminosidad de un solo matiz.

    ¿Cómo funciona la paleta de la imagen?▾

    La imagen se reduce en tu navegador y sus píxeles se agrupan con clustering k-means; los cinco grupos más grandes forman la paleta, ordenada de oscuro a claro. La imagen nunca se sube.

    ¿Cuántos colores debe tener una paleta?▾

    La mayoría de las paletas de marca y de interfaz usan 3–5 colores: uno o dos colores principales, un acento y tonos neutros claros y oscuros. Un reparto 60-30-10 (dominante, secundario, acento) es una pauta popular.

    ¿Por qué algunas muestras tienen texto blanco y otras negro?▾

    Cada código se dibuja en negro o blanco, el que tenga mayor relación de contraste WCAG con ese color, para que siga siendo legible.

    Embed Generador de paletas de colores on your website▾

    Paste this snippet into your page. The embedded tool runs in your visitor's browser and shows a small “Powered by clkr.work” link.