Generer en harmonisk farvepalet

En monokromatisk palette giver et roligt og professionelt look, ideelt til virksomheds- eller redaktionelle sider. analogerne tilbyder en blød, naturlig variation, nyttig til grønne eller havstemninger. Den komplementære eller triadiske regel giver en stærk kontrast, perfekt til CTA'er og e-handelswebsteder, der ønsker at fange opmærksomheden.

Nogle regler pålægger et fast antal farver. En komplementær palet returnerer altid 2 farver (nuancen og dens modsætning på farvehjulet), en triadisk palet returnerer 3, en tetradisk returnerer 4. Kvantitetsparameteren respekteres kun for de monokromatiske og analoge regler.

Generationen er afhængig af det mere naturlige HSL-rum til at manipulere nuance (rotation på farvehjulet) og lysstyrke. De returnerede farver konverteres derefter til HEX-format for direkte integration i CSS. Hvis du har brug for RGB-format, skal du bruge farvekonverteren på hver genereret kode.

Start med at udtrække den dominerende farve fra dit billede via paletudtrækkeren, tag hovednuancen som referencefarve, og indfør den derefter i generatoren med en analog eller triadisk lineal. Du vil således få farver, der stemmer overens med dit visuelle, for at klæde resten af siden.

Generatoren kontrollerer ikke kontrastforhold. En farve bliver kun tilgængelig i forhold til en anden baggrundsfarve. For at validere en tekst/baggrundsduo skal du eksportere HEX-koderne og bruge en kontrastkontrol, der beregner forholdet i henhold til WCAG-kravene (4,5:1 for normal tekst i AA, 7:1 i AAA).

Paletten returneres i HEX-koder, klar til at indsætte i et CSS-ark, i en SASS-variabelfil, i et Tailwind-tema eller i et designtokensystem. For at hente RGB- eller HSL-ækvivalenter skal du sende hver kode til farvekonverteren.