Handig · ontwerp en kleur
Kleur en ontwerp, op maat getekend
Kijk het contrast van je kleuren na, haal een palet uit een foto, maak een kleurschaal of een zachte schaduw. Kleurstaal rekent alles uit in je eigen browser: wat je plakt of sleept, gaat nergens heen.
- Blijft op je toestel
- Geen account
- Gratis en onbeperkt
- Op wit
- 9.52:1 · AAA
- Op zwart
- 2.20:1 · –
Sleep over de waaier of gebruik de pijltjestoetsen. Deze kleur in de contrasttool
Begin hier
Je eigen kleur of afbeelding
Een kleur in eender welke notatie, een foto, logo of SVG. Kleurstaal stelt de tools voor die passen. Alles blijft op je toestel.
Het gereedschap
14 tools voor kleur en ontwerp
Kleur
Contrast, paletten, pipet, kleurcodes, harmonieën, schalen en kleurenblindheid.
- Kleurcontrast controlerenIs je tekst leesbaar op die achtergrond? WCAG AA en AAA, met een kleur die wel slaagt.
- Contrastmatrix van een paletElke kleur van je palet op elke andere: welke paren halen AA of AAA?
- Kleurenpalet uit een fotoDe hoofdkleuren van een foto of logo, als HEX, CSS of Tailwind. De foto blijft op je toestel.
- Kleur uit een afbeeldingWijs een kleur aan in een foto of schermafdruk en kopieer de code.
- Kleurcode omzettenVan HEX naar RGB, HSL, HWB, OKLCH, OKLab en CMYK, met de dichtstbijzijnde CSS-naam.
- KleurharmonieComplementair, analoog, triade en meer, uit één kleur op het OKLCH-wiel.
- Kleurschaal makenVan één kleur een schaal van 50 tot 950, met het contrast van elke stap. Voor CSS en Tailwind.
- Bekijken als kleurenblindeZie je ontwerp of palet zoals iemand met protanopie, deuteranopie, tritanopie of zonder kleur.
Vorm
Verlopen, schaduwen, lettercombinaties en een vloeiende typeschaal.
- Kleurverloop makenLineair, radiaal of conisch, met zoveel kleuren als je wilt en zonder grijze middenstreep. CSS klaar.
- Schaduw makenZachte, gelaagde schaduwen in plaats van randen, met een voorbeeld in licht en donker.
- Lettertypes combinerenUitgekozen lettercombinaties voor titel en tekst, met een voorbeeld in vier talen.
- Vloeiende typeschaalLettergroottes die meegroeien van gsm tot breed scherm, met clamp().
Web
SVG opschonen en meta-tags voor je pagina.
Alles in je browser
Kleurstaal rekent op je eigen computer of gsm. Wat je plakt of opent, gaat naar geen enkele server, ook niet even.
Geen account
Geen e-mailadres, geen wachtwoord, geen inschrijving. Openen en meteen beginnen.
Eén uitzondering, eerlijk gezegd
Alleen het voorbeeld van de lettercombinaties haalt letters bij Google Fonts, en pas als je erom vraagt. De code die je meeneemt, host ze zelf.
Geen reclame, geen tracking
Geen cookies om je te volgen, geen advertenties. Kleurstaal is een gratis tool van nealvdv.
Deel van Handig
Meer gratis gereedschap
Kleurstaal hoort bij Handig: gratis tools voor alledaagse bestandsklussen, allemaal in je browser en zonder account.
Op maat
Een eigen huisstijl op je website?
nealvdv bouwt websites en beheer voor zaken en verenigingen, met kleuren die leesbaar zijn en gereedschap zoals dit erin waar het helpt.
Naar nealvdv.be (opent in een nieuw tabblad)