Färgpalettgenerator

Vad aaer en faaergpalettgenerator?

En faaergpalettgenerator skapar harmoniska uppsaaettningar av faaerger baserat paa faaergteoriregler. Med utgaaengspunkt fraan en enda basfaaerg genererar den komplettaaera, analoga, triadiska, splitkomplementaaera och andra faaergsscheman. Designers anvaender palettgeneratorer foer att snabbt skapa sammanhaaengande faaergsystem foer webbplatser, appar, varumaeerken och illustrationer.

Bra faaergpaletter aaer inte slumpmaaessiga -- de foeljer matematiska samband paa faaerghjulet. Komplementaaerfaaerger aaer mitt emot varandra (hoeg kontrast). Analoga faaerger aaer intilliggande (harmoniska och lugna). Triadiska faaerger bildar en liksidig triangel (livfulla och balanserade). Detta verktyg genererar paletter med dessa och andra beproeevade harmoniregler.

Hur du anvaender detta verktyg

Vaaelj en basfaaerg med faaergvaaeljaren eller ange ett hexvaaerde. Vaaelj en harmoniregel (komplementaaer, analog, triadisk, etc.). Verktyget genererar en komplett palett med varje faaerg visad som en provyta tillsammans med dess hex-, RGB- och HSL-vaaerden. Justera basfaaergen foer att se paletten uppdateras i realtid.

Typer av faaergharmoni

• Komplementaaer -- tvaa faaerger mitt emot varandra paa faaerghjulet. Hoeg kontrast, energisk. Exempel: blaa och orange.
• Analog -- tre faaerger intill varandra paa hjulet. Lugn, sammanhaaengande. Exempel: blaa, blaagroen, groen.
• Triadisk -- tre faaerger jaaemnt foeerdelade (120 grader fraan varandra). Balanserad, livfull. Exempel: roed, gul, blaa.
• Splitkomplementaaer -- en basfaaerg plus tvaa faaerger intill dess komplement. Kontrast med mindre spaaenning aen komplementaaer.

Faaerg och tillgaaenglighet

Naer du designar digitala graaeenssnitt, saaekerstaaell tillraaecklig kontrast mellan text och bakgrund (WCAG kraaever minst 4,5:1-foeerhaallande foer normal text). Undvik att foeermedla information enbart genom faaerg -- cirka 8% av maaen har naagon form av faaergseendedefekt. Testa din palett med en simulering av faaergblindhet. Detta verktyg kan visa kontrastfoeerhaallanden mellan genererade faaerger.

Vanliga fraagor

Hur maanga faaerger boeeer en palett ha?

De flesta designsystem anvaender 5-7 faaerger: en primaaer varumaeerkesfaaerg, en sekundaaer accent, en neutral palett (graatonner foer text och bakgrunder), och eventuellt en semantisk uppsaaettning (groent foer framgaaeng, roett foer fel, gult foer varning). Foer maanga faaerger skapar visuellt kaos. Foer faa begransar flexibiliteten. Boerja med 3 faaerger plus neutrala och laagg bara till vid behov.

Vad goeer att faaerger ser bra ut tillsammans?

Faaerger ser harmoniska ut naer de har ett matematiskt samband paa faaerghjulet (komplementaaert, triadiskt, etc.) eller delar en gemensam egenskap (samma maaettnadsnivaa, liknande ljusstyrka). 60-30-10-regeln anvaends brett: 60% dominant faaerg, 30% sekundaaer, 10% accent. Att begranssa antalet staerkt maaettade faaerger och anvaenda gott om neutralt utrymme foeerbaaettrar ocksaa den visuella harmonin.