Kleuren Palet Generator

Genereer harmonieuze kleurpaletten vanuit elke basiskleur. Kies een harmoniemodus en exporteer je palet.

6 harmoniemodiCSS / HEX / RGB exportWCAG-contrastcheck

① Kies een basiskleur ② Selecteer een harmoniemodus ③ Klik op Genereren

Presets:
Modus
Analoog
Basiskleur
#3A7BD5
HSL(215, 65%, 53%)
vs Wit
4.2:1 AA Large
vs #FFFFFF

Hoe maak je harmonieuze kleurpaletten

Een kleurenpalet is een samengestelde set gebaseerd op principes van de kleurtheorie. De generator gebruikt de HSL-kleurruimte voor wiskundig nauwkeurige verhoudingen.

Analoge kleuren liggen naast elkaar op het wiel (30° verschil). Complementaire kleuren liggen tegenover elkaar (180°), wat maximaal contrast oplevert.

Gesplitst complementair is een zachter alternatief. Tetradische schema's gebruiken vier kleuren in een rechthoek. Monochromatische paletten verkennen één tint op verschillende lichtheidsniveaus.

Veelgestelde Vragen

Maakt automatisch groepen harmonieuze kleuren op basis van kleurtheorie met het HSL-model.
Converteert HEX naar HSL en verschuift de tint over vaste hoeken: ±30° analoog, 180° complementair, 120°/240° triadisch.
Analoge kleuren gebruiken buurkleuren (30°–60°). Complementaire gebruiken tegenovergestelde kleuren (180°), wat hoog contrast oplevert.
De WCAG definiëren 4,5:1 voor normale tekst en 3:1 voor grote tekst (Niveau AA).
Ze worden wiskundig gegenereerd in HSL. Perceptie varieert per monitorkalibratie.
Klik "CSS Exporteren" en plak de variabelen in het :root-blok.
Analoog: 5. Complementair: 4. Triadisch: 3+. Tetradisch: 4. Monochromatisch: 6.

Ontdek ons netwerk