Generatör för slumpmässig färgpalett
En harmoniserad färgpalett är mycket mer användbar än fem slumpmässiga färger placerade bredvid varandra. Denna funktion väljer en grundfärg och genererar sedan fyra relaterade färger enligt klassiska förhållanden i färgteorin: analoga, komplementära, splitkomplementära samt triadiska eller tetradiska kombinationer. Du kan låsa vilken färgprov som helst du vill och återanvända de övriga.
Sätt att skapa en palett
-
1
Välj harmonityper
Analogiska (grannar på hjulet), komplementära (motståndare), triadiska (med 120 grader mellan), tetradiska (rektangel) eller monokromatiska (skuggor av samma färgton).
-
2
Rulla basen
Den första provfärgen är en slumpmässig nyans med medelmåttig mättnad och ljushet – en utgångspunkt.
-
3
Syster och bror beräknas
De övriga provarna härleddes från basen med den valda harmonin och justerades sedan för kontrast.
-
4
Lås och rulla om
Behåll de provfärgerna du gillar; rulla de övriga om tills paletten fungerar optimalt.
Harmony-cheatsheet
| System | Ljusstyrningsvärden på ratten | Stämning |
|---|---|---|
| Monokromatisk | 0° (samma nyans, varierande ljusstyrka) | Kalm och minimal |
| Analogiskt | +/- 30 grader | Varmt, naturligt |
| Komplementär | 180 grader | Hög kontrast, skarp och tydlig |
| Splitkomplementär | 150 / 210 grader | Kontrast utan spänning |
| Triadisk | 0, 120, 240 grader | Livfull och balanserad |
| Tetradisk | 0, 90, 180, 270 grader | Rik i detaljer, svårt att balansera |
Praktiska tips
- En dominerande, två stödjande och två accentområden. Goda användargränssnittspaliter följer förhållandet 60/30/10 – två tredjedelar av skärmen i den dominerande zonen, en tredjedel i den stödjande zonen och en liten del som accentområde.
- Granska kontrasten par för par. En färgpalett som ser harmonisk ut kan ändå ha kombinationer av text och bakgrund där texten inte är läsbar. Testa varje kombination du planerar att använda.
- ** lås, undvik medelvärden. ** Om två provfärgar inte passar ihop, lås de du tycker om och rulla på nytt – kom inte till kompromisser genom att beräkna medelvärden. Hjärnan tolkar harmoni, inte genomsnitt.
Verktyg inom yrket
Under åren har designers föredragit olika färgsystem för färger. RYB-färgsystemet (röd, gult, blått) är den standard som används i undervisningen. HSL på dator är en förenklad abstraktion; OKLCH är idag det mest avancerade systemet när det gäller perceptuell enhetlighet och är värt att lära sig om man arbetar med tillgängliga färgsystem.
Vanliga frågor
Eftersom fast mättnad och ljusfärg ger visuellt liknande prov utan att det handlar om nyanser, gör det skillnad att variera ljusfärgen mellan prov inom en palett – en ljus, en medel och en mörk – så blir paletten omedelbart mer användbar.
Analogiska och monokromatiska kompositioner ser nästan av en slump ut att vara harmoniska. Triadiska och tetradiska strukturer stärker designens stabilitet, men kan lätt framstå som kaotiska om de utförs dåligt.
Ja – kopiera hexkoderna som en kommaavskiljad lista, ett CSS-block för anpassade egenskaper eller ett JSON-array. Välj det format som ditt designverktyg kan hantera.
Kontrast mellan vit och svart visas för varje provtagning så att du omedelbart kan se vilka som lämpar sig för text. Det är ditt ansvar att granska WCAG:s parvisa kontraster innan produkten skickas ut.
Relaterade verktyg
Färgpalettgenerator
Generera en harmonisk palett med 4-8 färger från en basfärg med komplementära, analoga, triadiska och delade komplementscheman.
slumpmässig taljare
Generera en slumpmässig RGB-färg, se hex-, HSL- och RGB-värdena och kopiera vilket format som helst med ett klick.
slumpmässig littergenerator
Generera slumpmässiga bokstäver från det engelska alfabetet. Välj skriftstil, inkludera duplikater eller unika val och ange antalet.
HEX-färgväljare
Välj valfri färg visuellt och få dess HEX-, RGB-, HSL-, HSV- och CMYK-värden, plus tillgänglighetskontrast mot vitt och svart.
JSON-formaterare
Formatera och snyggt utskriv JSON med justerbar indragning, sorterade nycklar och inline-validering som markerar fel på exakt position.
slumpmässig nummergenererare
Generera trovärdiga namn på engelska från populära listor över förnamn och familjenamn. Välj kön, antal och format.