Het Kleurenpalet ondersteunt twee modi: het genereren van kleurenschema's en het extraheren van afbeeldingspaletten. In de Genereer-modus kies je een basiskleur en een harmonie-regel. In de Extraheer-modus upload je een afbeelding om de dominante kleuren te extraheren of gebruik je de pipet voor nauwkeurige selectie. Alle verwerking vindt plaats in je browser.
Upload afbeeldingen voor automatische paletextractie met pipet voor nauwkeurige selectie
Exporteer als CSS-variabelen, Tailwind v4 en SCSS-variabelen
Vergrendel individuele kleuren om ze te behouden bij regeneratie
Klik om een kleur te kopiëren in HEX-, RGB- of HSL-formaat
Volledig offline verwerking — er wordt niets naar servers geüpload
Gebruiksaanwijzing
1Kies in de Genereer-modus een basiskleur en een harmonie-regel
2Het palet wordt automatisch bijgewerkt — vergrendel of kopieer individuele kleuren
3Schakel over naar de Extraheer-modus en upload een afbeelding om het palet te extraheren
4Klik op een exportknop om de CSS/Tailwind/SCSS-configuratie te kopiëren
Veelgestelde Vragen
Wat is het verschil met de Kleurenconverter en Kleurenkiezer?
De Kleurenconverter converteert tussen formaten zoals HEX, RGB, HSL. De Kleurenkiezer pikt een enkele kleur van een afbeelding. Het Kleurenpalet genereert harmonieuze schema's van een basiskleur of extraheert complete paletten uit afbeeldingen.
Kan ik individuele kleuren in een palet vergrendelen?
Ja. Elk staal heeft een vergrendelknop. Vergrendelde kleuren blijven behouden wanneer je de basiskleur of regel wijzigt. Alleen ontgrendelde kleuren worden opnieuw gegenereerd.
Welke harmonie-regels moeten beginners gebruiken?
Complementair creëert ontwerpen met hoog contrast. Analoog is subtiel en uniform — geweldig voor branding. Monochromatisch is strak en professioneel. Triadisch en tetradisch zijn geavanceerder maar creëren rijke, gebalanceerde paletten.
Hoe nauwkeurig is paletextractie uit afbeeldingen?
Met behulp van kleurgroepering met Euclidische afstands samenvoeging, extraheert de tool tot 8 dominante kleuren. Transparante pixels worden gefilterd en elke kleur toont zijn percentage. Gebruik voor nauwkeurige selectie de pipetmodus.
Worden mijn gegevens naar een server geüpload?
Nee. Alle kleurberekeningen en beeldverwerking vinden volledig in je browser plaats. Er wordt niets geüpload.
Welke Tailwind-versie wordt ondersteund voor export?
De Tailwind-export genereert Tailwind CSS v4 @theme aangepaste kleursyntaxis met --color-* variabelen.