Generador de paletes de colors

Tria un color base i et proposem colors que hi combinen segons la teoria del color, a més d'una escala completa de tons clars i foscos (del 50 al 950) per fer servir al teu web o aplicació.

Harmonies de color

Les harmonies es basen en la posició dels colors al cercle cromàtic. La complementària fa servir el color oposat (180°) i dona el màxim contrast; l'anàloga, els veïns (±30° i ±60°), tranquils i naturals; la triàdica, tres colors a 120°; la complementària dividida, els dos veïns de l'oposat, més fàcil d'equilibrar; i la tetràdica, quatre colors a 90°. La monocromàtica manté el to i varia la lluminositat.

Un consell clàssic és la regla 60-30-10: un color dominant en el 60% del disseny, un de secundari en el 30% i un color d'accent en el 10% restant.

Escala de tons 50-950

Els sistemes de disseny com Tailwind CSS, Material o Bootstrap fan servir per a cada color una escala del 50 (gairebé blanc) al 950 (gairebé negre): els tons clars per als fons, els mitjans per a botons i enllaços, i els foscos per als textos i els estats actius.

Calculem la paleta a l'espai de color OKLCH, que és perceptualment uniforme: en girar el to o canviar la lluminositat, els colors conserven la mateixa claredat aparent, cosa que no passa amb HSL (en HSL, un groc i un blau amb la mateixa «lluminositat» es veuen molt diferents).