Kleur → designsysteem

Voer één kleur in en genereer automatisch een palet, een gradiënt en een AA/AAA-contrastcontrole.

Kleur → designsysteem — Een gekoppelde kleurenpijplijn: één HEX stroomt naar een paletgenerator, waarvan de basis- en complementaire kleuren tegelijk een contrastcontrole (AA/AAA) en een CSS-gradiëntbouwer voeden. Kies één kleur en krijg een compleet designsysteem.

Inbegrepen tools

Kleurconverter

Converteer kleuren tussen HEX, RGB en HSL met een live voorbeeld.

Kleurpalet-generator

Genereer schakeringen, tinten en harmonieuze kleuren uit één HEX-basiskleur, elk met een kopieerbare HEX-waarde.

Kleurcontrastcontrole

Controleer de WCAG-contrastverhouding tussen een voorgrond- en achtergrond-HEX-kleur en zie of deze AA en AAA haalt voor zowel normale als grote tekst.

CSS-verloopgenerator

Bouw een lineair, radiaal of conisch CSS-verloop met aangepaste kleurstops en een hoek, bekijk het resultaat live en kopieer de kant-en-klare background-regel.