Färgpalettgenerator
Gör en basfärg till en helt palett med färgharmoniregler.
Färgpalettgenerator
Klistra in en basfärg som hex-kod, rgb() eller hsl()-värde och det här verktyget bygger en fullständig palett runt den med hjälp av färgharmoniregler, inte bara genom att ljusna samma nyans. Välj Komplementär för en enda motsatt färg, Delad komplementär eller Triadisk för balanserad kontrast, Tetradic för en fyrafärgsrektangel, Analog för intilliggande nyanser som passar naturligt tillsammans, eller Monokrom för toner och skuggor av en nyans.
Harmoniinställningen bestämmer hur många färger som kommer ut — Komplementär ger alltid två, Triadisk och Delad komplementär ger tre, Tetradic ger fyra — medan färgantalet och nyansstegsvinken bara gäller för Analog och Monokrom, där du väljer hur många färger och hur långt isär. Beräkna i HSL för klassisk färghjuljämväxtik, eller byt till OKLCH, som bibehåller samma uppfattad ljushet över varje nyans så att en palett inte av misstag kommer ut med en färgruta som ser mörkare eller tvättad ut bredvid resten. Mättnad- och ljusstyrkeregulatorer finjusterar hela paletten efter att harmonin är byggd, och färgformatinställningen skriver ut varje resultat som hex, rgb(), hsl() eller oklch().
Varje färgruta kontrolleras mot WCAG AA (4.5:1) som text på vit och svart bakgrund, markerad med en bockmark eller kryss bredvid varje förhållande — användbar för att välja vilka färger i en genererad palett som är säkra för brödtext jämfört med enbart dekoration. Exportera resultatet som en enkel lista, ett block CSS-anpassade egenskaper redo att klistra in i ett formatmalleark, eller ett Tailwind config-färgobjekt.
Allt körs lokalt i din webbläsare — färgen du anger laddas aldrig upp någonstans. Kopiera utmatningen, ladda ner den som en .txt-fil, eller skicka den till en annat verktygs inmatning för att fortsätta arbeta med den.