Vergeleken · gecontroleerd 2026-10-25
De beste gratis tools voor kleurenpaletten en contrast
Een palettool moet kleuren in een foto vinden, harmonieën maken uit één kleur, controleren of tekst leesbaar blijft, en het palet overdragen aan je ontwerp- of codetools. Dit is wat elk biedt, volgens de eigen pagina’s.
Wij maken Slop Colors, een van de tools op deze pagina. Elk feit over de andere tools komt van hun eigen pagina's, onder elk apart gelinkt, zoals ze stonden op 2026-10-25. Prijzen en functies veranderen: controleer elke site voor je kiest.
Zo hebben we ze vergeleken
- Gratis, en wat een account of abonnement toevoegt
- Kleuren uit een foto
- Harmonieën en schalen uit één kleur
- WCAG-contrastcontrole
- Exportbestanden (CSS, Tailwind, ASE, GPL)
In één oogopslag
| Tool | Prijs | Draait op | Kleuren uit een foto | Contrastcontrole |
|---|---|---|---|---|
| Slop Colors onze | Gratis, geen account | Elke moderne browser | Pipet en hoofdkleuren (k-means) | Verhouding, AA en AAA, met een oplossing |
| Coolors | Gratis abonnement; Pro-abonnement | Web, iOS-app, Figma-plug-in, Chrome-extensie | Image Picker | Contrastcontrole |
| Adobe Color | Gratis | Web | Halen uit een afbeelding | Contrastverhoudingen met WCAG-richtlijnen |
| WebAIM Contrast Checker | Gratis | Web | Nee (een pipet kiest uit het scherm) | AA en AAA, normale en grote tekst, ui |
| Functie | Slop Colors onze | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| Kleuren uit een foto | Ja | Ja | Ja | Nee |
| Harmonieën uit één kleur | Ja | Niet vermeld | Ja | Nee |
| WCAG-contrastcontrole | Ja | Ja | Ja | Ja |
| Grote tekst- en ui-niveaus | Ja | Niet vermeld | Niet vermeld | Ja |
| Voorbeeld voor kleurenblindheid | Nee | Niet vermeld | Ja | Nee |
| CSS-export | Ja | Ja | Niet vermeld | Nee |
| Tailwind-export | Ja | Ja | Niet vermeld | Nee |
| Adobe .ase-export | Ja | Ja | Niet vermeld | Nee |
| GIMP .gpl-export | Ja | Niet vermeld | Niet vermeld | Nee |
| OKLCH-waarden | Ja | Niet vermeld | Niet vermeld | Nee |
| Geen account nodig | Ja | Deels | Deels | Ja |
| Foto’s blijven op je apparaat | Ja | Niet vermeld | Niet vermeld | Ja |
1. Slop Colors (onze)
Het beste voor: Kleuren uit je eigen foto’s privé halen, het contrast controleren en een palet als code of stalenbestand exporteren, op één pagina.
Goed
- Foto’s worden in de browser gelezen, nooit geüpload
- CSS-variabelen, Tailwind-configuratie, JSON, Adobe .ase- en GIMP .gpl-exports, en die bestanden kun je weer openen
- HEX, RGB, HSL, OKLCH en CMYK, met kleuren buiten het gamma van OKLCH omgezet naar sRGB
Minder goed
- Geen bibliotheek met gedeelde paletten om in te bladeren
- Geen voorbeeld voor kleurenblindheid
- Geen pdf- of beeldexport van het palet
2. Coolors
Het beste voor: Snel palletten genereren en doorbladeren, met een grote bibliotheek en plug-ins voor ontwerptools.
Goed
- Generator met de spatiebalk en meer dan 10 miljoen palletten om te verkennen
- Export naar pdf, afbeelding, CSS, ASE, SVG, code en Tailwind
- Palette Visualizer toont kleuren op ontwerpen
Minder goed
- Het gratis abonnement bewaart tot 10 palletten; de pagina noemt kleurextractie met Image Picker en geavanceerde export als Pro-functies
website van Coolors · Bronnen: Coolors-startpagina
3. Adobe Color
Het beste voor: Ontwerpers in Adobe-apps die harmonieregels op een kleurenwiel willen en palletten die in hun bibliotheek worden bewaard.
Goed
- Monochromatische, complementaire, analoge, triadische en gesplitst-complementaire regels op een kleurenwiel
- Voorbeeld voor kleurenblindheid
- Slaat palletten op in je bibliotheek voor andere projecten
Minder goed
- De pagina van het kleurenwiel noemt geen exportbestanden
website van Adobe Color · Bronnen: Adobe Color, kleurenwiel
4. WebAIM Contrast Checker
Het beste voor: Eén paar tekst en achtergrond tegen WCAG controleren, met een link om het resultaat te delen.
Goed
- Helderheidsschuiven om beide kleuren aan te passen
- Vaste link en een JSON-api voor het resultaat
- Alfa voor de voorgrond
Minder goed
- Controleert één paar; maakt of exporteert geen palletten
website van WebAIM Contrast Checker · Bronnen: WebAIM Contrast Checker
Welke je kiest
Slop Colors is onze keuze als de kleuren uit je eigen foto’s komen en het palet in code of een ontwerptool moet eindigen: pipet, hoofdkleuren, contrastcontrole en exports staan op één pagina, en er wordt niets geüpload.
Kies Coolors voor zijn generator, bibliotheek en plug-ins, Adobe Color voor zijn kleurenwiel en Adobe-bibliotheek, en de WebAIM-controle om één paar te controleren en te delen.
Vragen
Welke contrastverhouding heb ik nodig?
WCAG AA vraagt 4,5:1 voor normale tekst en 3:1 voor grote tekst en ui-onderdelen; AAA vraagt 7:1 en 4,5:1. Alle vier tools tonen de verhouding.
Welk bestand opent in Photoshop of Illustrator?
Een Adobe Swatch Exchange-bestand (.ase). Slop Colors en Coolors exporteren er beide een.
Wordt mijn foto geüpload?
Niet bij Slop Colors: die wordt in je browser gelezen. Controleer de eigen privacyverklaringen van de andere tools.
Namen van andere producten zijn handelsmerken van hun eigenaren. Slopographic is er niet mee gelieerd.