Kleurstudio
Eén plek voor elke tool in Kleurstudio.
Paletten, CSS en contrast.
7 gratis toolsGeen aanmelding nodigWerkt op elk apparaatJe bestanden blijven bij jou
Verken Kleurstudio hieronder en vind de juiste tool voor je klus.
Tools in Kleurstudio
7 toolsGegroepeerd op de klus waarvoor je kwam.
Kleur & CSS
Waarden die je zo in een stylesheet plakt.7 toolsKleurconverterEén kleur in alle notaties tegelijk, met een WCAG-contrastcontrole.HEX · RGB · HSLKleurenpaletgeneratorHarmonieën, tinten en schakeringen uit één basiskleur, met de hexcodes klaar om te kopiëren.HEXCSS-gradientgeneratorLineaire en radiale gradiënten met live voorbeeld en de exacte CSS om te plakken.CSSBox shadow-generatorVerschuiving, blur, spread en kleur, live getoond op een echte kaart terwijl je bijstelt.CSSContrastcheckerTwee kleuren, één ratio, en een helder antwoord of het AA en AAA haalt.WCAGTailwind-kleur zoekenDe dichtstbijzijnde Tailwind-klasse bij elke hexwaarde, met de afstand erbij zodat je het kunt beoordelen.HEXKleurenblindheid simulerenZie een ontwerp zoals acht procent van de mannen het ziet, voordat je op rood en groen vertrouwt.JPG · PNG
Meer habitats om te verkennen
We openen een habitat zodra er tools in staan die het bezoek waard zijn.
Over Kleurtools
Welke contrastnorm gebruiken jullie?
De relatieve luminantie uit WCAG 2.2, dezelfde rekenwijze die auditors en de dev tools van je browser gebruiken. 4,5:1 voor lopende tekst, 3:1 voor grote tekst en de randen van interface-elementen.
Waarom ziet mijn palet er in druk anders uit?
Een scherm werkt additief en inkt subtractief, dus een felle schermkleur heeft vaak helemaal geen inktequivalent. Behandel de CMYK-waarden als startpunt voor een proefdruk, niet als een match.
Andere habitats
Dankzij jou blijft
ToolZool gratis
Krachtige tools horen voor iedereen gratis te zijn. Zo wordt dat betaald — alles, met niets weggelaten.
Trakteer Zooly op koffieDirecte steun die het licht aanhoudt en nieuwe tools mogelijk maakt. Volledig vrijwillig.Steun Zooly →
Aanbevolen keuzesBetaalde tools die klussen afmaken die een browser niet aankan. Niets op die pagina levert ons vandaag iets op.Bekijk de aanbevelingen →
Advertenties, met respectGelabelde plaatsingen staan buiten het werkgebied, dus ze komen nooit tussen jou en je resultaat.Lees het advertentiebeleid →
Je bent geweldigElk bezoek, elke deling en elk aardig woord helpt ToolZool groeien en meer mensen bereiken.
