Ga naar de hoofdinhoud
Uddatak

Kleurenpalet Harmonie Generator

De Kleurenpalet Harmonie Generator gebruikt kleurenwiel-theorie om een volledig palet te bouwen vanuit één basiskleur die je kiest: complementair (twee tegenovergestelde kleuren), analoog (drie naburige kleuren), triadisch of tetradisch (kleuren gelijkmatig verspreid over het wiel), split-complementair, of monochromatisch (verschillende helderheidsstappen van dezelfde tint). Je kunt ook met één klik een willekeurige basiskleur genereren, en elke hex-code afzonderlijk kopiëren of het hele palet in één keer. Alle berekeningen gebeuren direct in je browser — er wordt nooit iets naar een server geüpload.

Design- en CSS-tools Werkt volledig in je browser

De kleuren worden volledig in je browser gegenereerd — er wordt nooit iets naar een server verzonden.

#6467f2
#f2ef64

Veelgestelde vragen

Elk type plaatst kleuren anders op het kleurenwiel: complementair kiest een volledig tegenovergestelde kleur voor sterk contrast, analoog kiest naburige kleuren voor een rustige, samenhangende uitstraling, terwijl triadisch en tetradisch kleuren gelijkmatig verspreiden voor evenwichtige variatie.

Ga verder met

Volledig lokaal

Kleurenpalet Extractor

Extraheer de meest dominante kleuren uit elke afbeelding, met HEX-, RGB- en CSS-codes.

Design- en CSS-toolsTool openen
Volledig lokaal

Kleurconverter

Converteer direct een kleur tussen HEX-, RGB- en HSL-formaat.

DevelopertoolsTool openen
Volledig lokaal

CSS-verloopgenerator

Bouw visueel een lineaire of radiale CSS-gradient en kopieer de code.

Design- en CSS-toolsTool openen

Gerelateerde tools

Volledig lokaal

Meshverloopgenerator

Creëer met één klik een zachte, meerpunts mesh-gradiëntachtergrond, en kopieer kant-en-klare CSS-code.

Design- en CSS-toolsTool openen
Volledig lokaal

Kleurcontrast Checker

Controleer of een tekst-/achtergrondkleurcombinatie voldoet aan de WCAG-toegankelijkheidsnormen voor contrast.

Design- en CSS-toolsTool openen
Volledig lokaal

CSS-verloopgenerator

Bouw visueel een lineaire of radiale CSS-gradient en kopieer de code.

Design- en CSS-toolsTool openen
Volledig lokaal

CSS-boxschaduwgenerator

Ontwerp visueel een CSS box-shadow met schuifregelaars en kopieer de gegenereerde code.

Design- en CSS-toolsTool openen
Volledig lokaal

CSS-hoekafrondinggenerator

Ontwerp visueel afgeronde hoeken — ook asymmetrische vormen — en kopieer de CSS-code.

Design- en CSS-toolsTool openen

Wil je Uddatak proberen?

Blader door de volledige bibliotheek met tools en gebruik meteen wat je nodig hebt — gratis en zonder registratie.

Bekijk alle tools