Ontwerp en kleur
Kleurstaaleen staal van een kleur
Kleurcontrast controleren, een palet uit een foto halen, verlopen, schaduwen en meta-tags maken.
Online14 tools
Alle tools van Kleurstaal (14)
Elke tool heeft een eigen pagina op Kleurstaal, in jouw taal. Klik en je kan meteen beginnen.
- Kleurcontrast controlerenControleer of je tekstkleur leesbaar is op de achtergrond volgens WCAG, met een kleur die wel slaagt.
- Kleurenpalet uit een fotoHaal de hoofdkleuren uit een foto of logo, klaar om te kopiëren als HEX, CSS of Tailwind.
- Kleurcode omzettenZet een kleurcode om naar HEX, RGB, HSL, OKLCH, CMYK en meer, met de dichtstbijzijnde CSS-naam.
- Kleurschaal makenMaak van één merkkleur een volledige schaal van 50 tot 950, met het contrast van elke stap.
- Kleurverloop makenMaak een lineair, radiaal of conisch kleurverloop zonder grijze middenstreep, als CSS om te kopiëren.
- Schaduw makenMaak zachte, gelaagde schaduwen die echt ogen, met een voorbeeld in licht en donker.
- Lettertypes combinerenKies uit twaalf lettercombinaties voor titel en tekst en bekijk ze met je eigen tekst.
- SVG opschonenMaak een SVG kleiner door overbodige code te schrappen, met voor en na naast elkaar.
- Meta-tags makenSchrijf titel, beschrijving, Open Graph en hreflang voor je pagina, met een voorbeeld als zoekresultaat.
- Bekijken als kleurenblindeBekijk een afbeelding of palet zoals iemand met een vorm van kleurenblindheid het ziet.
- Contrastmatrix van een paletZet elke kleur van je palet op elke andere en zie welke paren AA of AAA halen.
- Kleur uit een afbeeldingWijs een kleur aan in een foto of schermafdruk en kopieer de code.
- KleurharmonieVind complementaire, analoge of triadekleuren bij één kleur, op het OKLCH-wiel.
- Vloeiende typeschaalMaak lettergroottes die meegroeien van gsm tot breed scherm, als CSS met clamp().
Wat Kleurstaal doet
Kleurstaal is de tekentafel van Handig, voor wie een affiche, een huisstijl of een website maakt. Is die tekst leesbaar op die kleur? Welke kleuren zitten er in mijn logo? Hoe ziet iemand met kleurenblindheid dit? Alles in je browser.
Waar het werk gebeurt
Op je toestel
Alles gebeurt in je browser. Er wordt niets verstuurd.
De pagina van elke tool zegt het nog eens, precies voor die tool.