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.