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 WCAG 2.1-contrast en APCA Lc-score tussen tekst en achtergrond, bekijk AA-, AAA- en 3:1-badges en pas de dichtstbijzijnde geslaagde kleur toe.

CSS-verloopgenerator

Bouw lineaire, radiale en conische CSS-verlopen met een versleepbare kleurstopbalk, gestapelde lagen, willekeurige paletten en een kant-en-klare regel.