Generar una paleta de colores armoniosa

Una paleta monocromática ofrece un resultado calmado y profesional, ideal para sitios corporativos o editoriales. Las análogas ofrecen una variación suave, natural, útil para atmósferas verdes u oceánicas. La regla complementaria o triádica aporta un contraste fuerte, perfecto para los CTA y los sitios de comercio electrónico que quieren captar la atención.

Algunas reglas imponen un número fijo de colores. Una paleta complementaria devuelve siempre 2 colores (el tono y su opuesto en la rueda cromática), una paleta triádica devuelve 3, una tetrádica devuelve 4. El parámetro de cantidad solo se respeta para las reglas monocromática y análoga.

La generación se apoya en el espacio HSL, más natural para manipular el tono (rotación en la rueda cromática) y la luminosidad. Los colores devueltos se convierten después al formato HEX para su integración directa en CSS. Si necesita el formato RGB, utilice el convertidor de color sobre cada código generado.

Empiece por extraer el color dominante de su imagen mediante el extractor de paleta, tome el tono principal como color de referencia y, después, introdúzcalo en el generador con una regla análoga o triádica. Así obtendrá colores coherentes con su imagen para vestir el resto del sitio.

El generador no comprueba las ratios de contraste. Un color solo se vuelve accesible en relación con otro color de fondo. Para validar un dúo texto/fondo, exporte los códigos HEX y utilice un verificador de contraste que calcule la ratio según los requisitos WCAG (4.5:1 para el texto normal en AA, 7:1 en AAA).

La paleta se devuelve en códigos HEX, listos para pegarse en una hoja CSS, en un fichero de variables SASS, en un tema Tailwind o en un sistema de tokens de diseño. Para recuperar los equivalentes RGB o HSL, pase cada código por el convertidor de color.