Kleurenwiel
Verken gratis kleurharmonieën. Pas tint, verzadiging en helderheid aan en kopieer kleuren of CSS-variabelen.
Basiskleur
Klik op het wiel om een basiskleur te kiezen
Gegenereerd palet
CSS-variabelen
Kopieer ze naar je stylesheet
:root {
--color-complementary-1: #195DE6;
--color-complementary-2: #E6A219;
}Wat is het kleurenwiel?
Het kleurenwiel laat zien hoe kleuren samenhangen. Met Readdy maak je van één kleur een bruikbaar palet voor websites, merken en digitaal ontwerp.
Zo gebruik je het kleurenwiel
Ga stap voor stap van een basiskleur naar een bruikbaar palet en exporteer het voor je ontwerp.
- Stap 1
Kies een basiskleur
Klik op het wiel of voer een HEX-code in om met een duidelijke basiskleur te beginnen.
- Stap 2
Verfijn de kleur
Pas verzadiging en helderheid aan om de kleur zachter, krachtiger, lichter of rustiger te maken.
- Stap 3
Probeer een harmoniemodus
Vergelijk complementaire, analoge, triadische en tetradische paletten.
- Stap 4
Kopieer wat je nodig hebt
Kopieer losse kleuren of CSS-variabelen, of download het volledige palet.
Toepassingen van het kleurenwiel
Gebruik deze voorbeelden voor echt ontwerpwerk, van websitebranding tot presentaties.
Merkkleuren verkennen
Test kleuren voor logo’s, landingspagina’s en productinterfaces.
Kleursystemen voor websites
Maak paletten voor koppen, achtergronden, accenten, knoppen en statussen.
Campagnebeelden
Kies consistente kleuren voor campagnepagina’s, advertenties, banners en lanceringen.
Presentatieontwerp
Maak diapaletten met heldere accentkleuren en zachte steunkleuren.
Contentafbeeldingen
Vind evenwichtige combinaties voor social posts, diagrammen en infographics.
Klaar om te exporteren
Kopieer HEX-waarden of CSS-variabelen, of download het palet.
Waarom een gratis kleurenwiel gebruiken?
Test eenvoudig kleurharmonie, vergelijk opties en exporteer kleuren zonder je workflow te vertragen.
Realtime voorbeeld
Zie het palet direct veranderen terwijl je het kleurenwiel beweegt.
Flexibele harmoniemodi
Verken complementaire, analoge, triadische en tetradische paletten zonder opnieuw te beginnen.
Praktische kleurgegevens
Gebruik exacte HEX-, RGB-, tint-, verzadigings- en helderheidswaarden.
Snel kopiëren en exporteren
Kopieer kleuren, bewaar CSS-variabelen of download een paletbestand.
Alle tools die je nodig hebt
om je merk online te bouwen
AI-websitebouwer
Bouw je site met AI en beheer, promoot en vergroot je online aanwezigheid.
AI-generator voor bedrijfsnamen
Vind creatieve bedrijfsnamen en controleer direct domeinen.Tool voor lettertypecombinaties
Ontdek lettertypecombinaties die je ontwerp versterken.AI-generator voor blogtitels
Genereer pakkende blogtitels die klikken aantrekken.Veelgestelde vragen
Een kleurenwiel toont kleurrelaties en helpt evenwichtige paletten te maken voor websites, merken en presentaties.
Ja. Verken paletten, pas kleuren aan en exporteer HEX-waarden en CSS-variabelen gratis.
Complementair, gesplitst complementair, monochroom, analoog, triadisch en tetradisch.
Ja. Typ of plak een HEX-code en verfijn die met verzadiging en helderheid.
Ja. Kopieer HEX-waarden of CSS-variabelen voor websites, landingspagina’s en designsystemen.
Begin met een merkkleur en test harmonieën. Complementaire kleuren geven contrast; analoge of monochrome kleuren ogen rustiger.
Je kunt verzadiging en helderheid voor beter contrast aanpassen. Controleer tekst en achtergrond voor publicatie met een contrastchecker.
Complementaire kleuren staan tegenover elkaar en geven sterk contrast. Analoge kleuren liggen naast elkaar en vormen een rustiger geheel.
Ja. Download het als afbeelding of kopieer de CSS-variabelen.
Voor ondernemers, marketeers, ontwerpers en makers die een praktisch kleurenpalet nodig hebben.