CColorWell
Haal ColorWell
Palet- en toegankelijkheidstoolkit

Prachtige paletten. Geverifieerd contrast. Eén workflow.

Voer een merkkleur in. Ontvang een geharmoniseerd palet, alle WCAG-verdicten en exports voor CSS, Tailwind en Figma — zonder de pagina te verlaten.

Abonnementen vanaf $5/mnd — opzegbaar op elk moment

Live — works right here

Genereer een palet

Kies een merkkleur. ColorWell maakt de rest.

Analoog

Tinten (licht → donker)

Exporteren

Design tokens downloaden

Pro

Sla het volledige palet en tintverloop op als gebruiksklare bestanden.

Upgrade naar Pro om bestanden te downloaden

Contrastcontrole

Combineer twee kleuren uit het palet. ColorWell toont het WCAG-oordeel.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Verhouding

Oordeel: Voldoet niet aan WCAG

Alles wat een merkpalet nodig heeft

Ontwikkeld voor werkende ontwerpers en front-end teams die dagelijks interfaces opleveren.

Geharmoniseerde paletten

Kies een hex-kleur. ColorWell genereert analoge, complementaire, triadische en monochromatische schema's met één klik.

WCAG-contrast — direct

Elk kleurenpaar in je palet krijgt een AA/AAA-verdict voor tekst, grote tekst en UI-componenten.

CSS-, Tailwind- en Figma-exports

Eén-klik export naar CSS-variabelen, een Tailwind-config, ruwe JSON-tokens of plakbare Figma-stijlen.

Merkveilige variaties

Verlicht, verdonker en verzadig zonder tintverschuiving. ColorWell blijft binnen de perceptuele kleurruimte (Oklch).

Genoemde tokens

Automatische namen zoals "indigo-500" of "slate-700" houden je stylesheet leesbaar voor mensen, niet alleen hex-codes.

Paletten opslaan & synchroniseren

Elk palet dat je maakt is van jou — geef het een naam, tag het en kom later terug. Cloud-sync voor Pro.

Drie stappen

Begin met één merkkleur. Eindig met een werkende stylesheet.

1

Kies

Voer een hex-waarde in of gebruik de kleurkiezer.

2

Genereren

ColorWell bouwt geharmoniseerde paletten en voert alle contrastchecks uit.

3

Exporteren

Kopieer CSS-, Tailwind- of Figma-tokens — direct naar je codebase.

Eenvoudige prijzen

Kies een abonnement en stop met het handmatig aanpassen van hex-codes.

Starter

Voor zelfstandige ontwerpers

$5/mnd
  • 100 opgeslagen paletten / mnd
  • Onbeperkt contrastcontroles
  • Export naar CSS / Tailwind / JSON
  • Merkveilige variaties
Meest gekozen
Pro

Voor merkteams

$15/mnd
  • 2000 opgeslagen paletten / mnd
  • Export van Figma-tokens
  • Merkkit (projecten met meerdere paletten)
  • Cloud-gesynchroniseerde bibliotheken
  • Prioriteitsondersteuning

Veelgestelde vragen

Moet ik iets installeren?

Nee. ColorWell draait volledig in de browser — je kleuren verlaten je apparaat pas als je ze synchroniseert.

Welke kleurruimte gebruiken jullie?

ColorWell werkt onder de motorkap met Oklch — variaties blijven binnen de perceptuele kleurruimte, zodat het lichter maken van een merkkleur de tint niet verschuift.

Hoe werkt exporteren?

Met één klik kopiëren naar het klembord voor CSS-variabelen, Tailwind-configuratieblokken, ruwe JSON of Figma-klare stijlen. Plak ze direct in je code of ontwerptool.

Is er een gratis proefperiode?

Nee — dit is een betaalde tool met abonnementen vanaf $5 per maand. Starter kost $5/mnd en Pro kost $15/mnd; je kunt op elk moment opzeggen.

Hoe zeg ik op?

Via de accountpagina of door ons een e-mail te sturen. Bij opzegging stopt de volgende verlenging — je resterende tijd blijft bruikbaar.

Stop met handmatig afstellen van hex-codes.

Genereer het palet, lever de stylesheet — alles op één plek.

Bekijk abonnementen