Creëer prachtige kleurharmonieën met ons interactieve kleurenwiel. Genereer complementaire, triadische, analoge en andere kleurenschema's. Exporteer als CSS, SCSS, Tailwind, PNG, PDF of JSON.
Selecteer Harmonie Type
Kies uit complementaire, monochrome, analoge, triadische, tetradische of gesplitst-complementaire kleurenschema's via het keuzemenu.
Pas Kleuren Aan op het Wiel
Klik en versleep op het kleurenwiel om je basiskleur te selecteren. Harmoniekleuren worden automatisch bijgewerkt op basis van je selectie.
Verfijn Luminantie
Gebruik de buitenste luminantiering om de helderheid van je kleurenpalet aan te passen, terwijl de harmonierelatie behouden blijft.
Kopiëren of Exporteren
Klik op kleurstaaltjes om individuele kleuren te kopiëren, of gebruik de Export-knop om je palet in verschillende formaten te downloaden.
Interactief Kleurenwiel
Versleep en pas kleuren aan op een visueel kleurenwiel met een aparte luminantiebedieningsring voor precieze kleurselectie.
6 Kleurharmonie Typen
Genereer automatisch complementaire, monochrome, analoge, triadische, tetradische en gesplitst-complementaire kleurenschema's.
Meerdere Kleurformaten
Bekijk en kopieer kleuren in HEX, RGB, HSL en CMYK formaten met één-klik kopiëren naar klembord.
Exporteren & Codegeneratie
Exporteer paletten als PNG-afbeeldingen, PDF-documenten, JSON-gegevens, CSS-variabelen, SCSS-variabelen of Tailwind CSS-configuratie.
Een kleurenwiel is een visuele weergave van kleuren gerangschikt op basis van hun chromatische relatie. Kleurharmonie verwijst naar de aangename rangschikking van kleuren die goed bij elkaar passen. Onze interactieve tool helpt je om wiskundig uitgebalanceerde kleurencombinaties te creëren met behulp van traditionele kleurtheorieprincipes zoals complementaire (tegengestelde), triadische (drie gelijkmatig verdeelde) en analoge (aangrenzende) kleurenschema's.
Professionele Kleurtheorie
Gebaseerd op traditionele kleurtheorieprincipes die al eeuwenlang door kunstenaars en ontwerpers worden gebruikt om visueel aantrekkelijke combinaties te creëren.
Ontwikkelaarsvriendelijke Export
Genereer CSS-variabelen, SCSS-variabelen en Tailwind CSS-configuratiebestanden, klaar voor gebruik in je webprojecten.
Meerdere Exportformaten
Exporteer je paletten als afbeeldingen (PNG), documenten (PDF) of gegevens (JSON) voor gebruik in verschillende ontwerptools en platforms.
Realtime Visuele Feedback
Zie harmonierelaties gevisualiseerd met verbindingslijnen en pas kleuren interactief aan met directe visuele feedback.
De tool biedt 6 harmonietypen: Complementair (2 tegenovergestelde kleuren), Monochroom (variaties van één kleur), Analoog (3 aangrenzende kleuren), Triadisch (3 gelijkmatig verdeelde kleuren), Tetradisch (4 gelijkmatig verdeelde kleuren), en Gesplitst-Complementair (1 kleur + 2 kleuren naast het complement).
Gebruik de buitenste luminantiering rond het kleurenwiel. Klik en versleep op deze ring om de lichtheid/donkerheid van alle kleuren in je harmonie aan te passen, terwijl hun tint- en verzadigingsrelaties behouden blijven.
Ja, klik op een kleurstaaltje om de waarde naar je klembord te kopiëren. Je kunt schakelen tussen HEX, RGB, HSL en CMYK formaten met behulp van de formaatselectorknoppen.
Je kunt exporteren als PNG-afbeeldingen, PDF-documenten, JSON-gegevens, CSS-variabelen, SCSS-variabelen en Tailwind CSS-configuratiebestanden. Elk formaat is geoptimaliseerd voor verschillende toepassingen.
Kopieer de CSS-variabelen uit de exportmodal en plak ze in je stylesheet. Je kunt ze dan gebruiken als: background-color: var(--color-1); of color: var(--color-2);
Ja, je kunt elk harmoniekleurpunt verslepen om het hele palet aan te passen. De hoofdkleur wordt automatisch opnieuw berekend om de wiskundige relatie van het geselecteerde harmonietype te behouden.