Generator voor willekeurige kleurpaletten
Een gecombineerde kleurpalet is veel nuttiger dan vijf willekeurige kleuren naast elkaar. Dit hulpmiddel kiest een basiskleur en genereert vervolgens vier verwante kleuren op basis van klassieke kleurtheoretische relaties: analoge, complementaire, gesplitste complementaire, triadische of tetradische kleuren. U kunt elke gewenste kleurstuk vastleggen en de overige kleuren opnieuw genereren.
Hoe je een palet genereert
-
1
Kies de harmonietype
Analogisch (buren op het wiel), complementair (antagonisten), triadisch (met een afstand van 120 graden), tetradisch (in rechthoekvorm) of monochromatisch (schaduwen van één kleurton).
-
2
Rol de basis
De eerste proefstuk is een willekeurige kleur met een gemiddelde saturatie en lichte lichtheid – een uitgangspunt.
-
3
De broers en zussen worden berekend.
De andere kleurmonsters worden afgeleid van de basis met behulp van de gekozen harmonie en vervolgens aangepast voor contrast.
-
4
Sluit en rol opnieuw
Houd de proefmonsters die je leuk vindt; rol de andere monsters opnieuw tot het palet perfect werkt.
Cheatsheet voor Harmony
| Systeem | Hue-veranderingen op het wiel | Sfeer |
|---|---|---|
| Monochromatisch | 0° (zelfde kleurton, variërende lichtintensiteit) | Kalm en minimalistisch |
| Analogisch | +/- 30 graden | Warm en natuurlijk |
| Complementair | 180 graden | Hoge contrasteniveaus, krachtige weergave |
| Split-complementair | 150 / 210 graden | Contrast zonder spanning |
| Triadisch | 0, 120, 240 graden | Levenskrachtig en gebalanceerd |
| Tetradisch | 0, 90, 180, 270 graden | Rijk aan elementen, moeilijk in balans te brengen |
Praktische tips
– Een dominante kleur, twee ondersteunende kleuren en twee accentkleuren. Goede gebruikersinterface-palletten volgen een verhouding van 60/30/10: twee derde van het scherm in de dominante kleur, één derde in de ondersteunende kleur en een klein gedeelte als accentkleur. – Controleer het contrast paar voor paar. Een palet dat harmonieus overkomt, kan nog steeds onleesbare combinaties van tekst op achtergrond bevatten. Test elke combinatie die u gaat gebruiken.
- Bevestig je keuze en bereken geen gemiddelde. Als twee proefmonsters niet goed passen, houd de favoriete variant vast en probeer opnieuw; ga niet toe tot compromissen door een gemiddelde te nemen. Het brein interpreteert harmonie, niet gemiddelden.
Werkmiddelen
In de loop der jaren hebben ontwerpers verschillende kleurwielsystemen prefereren. Het RYB-wiel (rood, geel, blauw) is het standaardmodel in de vakkenleer. HSL op een computer vormt een vereenvoudigde abstractie; OKLCH is momenteel de meest geavanceerde optie voor perceptuele uniformiteit en verdient de tijd om te leren als u werkt met toegankelijke kleursystemen.
Veelgestelde vragen
Aangezien vaste saturatie en lichtheid visueel vergelijkbare kleurstukken opleveren ongeacht de tint, maak je een verschil in lichtheid tussen de kleurstukken binnen een palet — één licht, één mat en één donker — en het palet wordt direct nuttiger.
Analog en monochroom: ze lijken bijna toevallig harmonieus. Triadische en tetradische composities versterken het vertrouwen in het ontwerp, maar kunnen gemakkelijk chaotisch overkomen bij slechte uitvoering.
Ja — kopieer de hexcodes als een komma-gekoppelde lijst, een CSS-custom-properties-block of een JSON-array. Kies het formaat dat uw ontwerptool gebruikt.
Voor elke proefstuk wordt de tegenstelling tussen wit en zwart weergegeven, zodat u meteen kunt zien welke combinaties geschikt zijn voor tekst. Het controleren van de WCAG-eisen voor paarweise contrasten is uw verantwoordelijkheid voordat de producten worden geleverd.