Kleurtools

Converteer tussen kleurruimtes, controleer WCAG-contrast en bouw paletten. Gebouwd op OKLCH, dezelfde kleurruimte waarin deze site is opgemaakt.

• Contrastchecker

  Toets een voorgrond- en achtergrondkleur aan WCAG AA en AAA, lees de APCA-score ernaast, en krijg de dichtstbijzijnde kleur die slaagt zonder de tint te verliezen.

• Kleurconverter

  Zet één kleur in één keer om naar elk CSS-formaat: HEX, RGB, HSL, HWB, OKLCH, LAB, LCH en CMYK, met een waarschuwing als een waarde buiten de sRGB-gamut valt.

• Schakeringen & tinten

  Bouw een volledige toonschaal van 50 tot 950 uit één kleur, in stappen in OKLCH zodat de middentonen gelijkmatig blijven, en exporteer die als Tailwind v4-themablok.

• Kleurenmixer

  Meng twee kleuren over een willekeurig aantal stappen en vergelijk dezelfde menging in OKLCH en sRGB naast elkaar. Kopieert als color-mix() of als kale hex.

• Paletgenerator

  Genereer complementaire, analoge, triadische en tetradische schema's uit één basiskleur, vergrendel de stalen die je bevallen, en exporteer naar Tailwind v4, CSS of JSON.

• Gradient Generator

  Bouw lineaire, radiale en conische CSS-gradients met versleepbare stops, en zie wat interpoleren in OKLCH oplost waar sRGB grijs en vaal blijft.

• Kleurenkiezer uit afbeelding

  Kies elke pixel uit je eigen afbeelding met een uitvergrote loep en haal het dominante palet eruit. Het bestand wordt op je eigen apparaat gelezen en nooit geüpload.

• Kleurenblindheidssimulator

  Bekijk een palet of je eigen afbeelding door protanopie, deuteranopie, tritanopie en achromatopsie, met de Brettel-transformatie in plaats van een kanaalwissel.