Gratis online tools die in je browser werken
19 gratis tools van Color & Design die 100% in je browser werken. Geen uploads, geen account, geen installatie — je gegevens verlaten nooit je apparaat.
Kleurkiezer (Color Picker)
Kies een kleur en kopieer direct HEX-, RGB- en HSL-waarden. Maak handige tinten en schakeringen voor achtergronden, randen en UI-statussen.
HEX RGB-converter
Zet kleuren om tussen HEX, RGB(A) en HSL(A) met live updates, alfa-ondersteuning en kopieerbare CSS-waarden.
Kleurenpalet Generator
Genereer harmonieuze kleurenpaletten vanuit een basiskleur, met complementaire, analoge, triadische en monochromatische schema's, direct in je browser.
CSS-kleurverloopgenerator
Maak lineaire en radiale CSS-kleurverlopen met meerdere kleurstops, live voorbeeld en kopieerbare background-CSS.
Box Shadow Generator
Ontwerp CSS box-shadows met schuifregelaars voor verschuiving, vervaging, spreiding, kleur, dekking en inset-modus, met live voorbeeld in je browser.
Contrastchecker (Contrast Checker)
Controleer de WCAG-contrastverhouding tussen tekst- en achtergrondkleur, met AA- en AAA-resultaten (geslaagd/niet geslaagd) en een live voorbeeld.
Tailwind-tinten generator
Genereer een Tailwind-achtige kleurschaal van 11 tinten (50-950) vanuit een HEX-basiskleur, met kopieerbare CSS-variabelen en JSON.
CSS-filtergenerator
Maak CSS filter()-effecten visueel met schuifregelaars voor vervaging, helderheid, contrast, grijswaarden, tintrotatie en meer.
Border Radius Generator
Ontwerp standaard en elliptische CSS border-radius-waarden met live voorbeeld en kopieerbare CSS-code, volledig in je browser.
Glassmorphism Generator
Maak CSS voor matglazen kaarten met instellingen voor vervaging, transparantie, tint, rand en afronding, direct in je browser.
Neumorphism Generator
Genereer neumorfische soft-UI-CSS met gepaarde schaduwen, oppervlaktekleur, radius en vlakke, holle of bolle vormen, direct in je browser.
Duotone Generator
Pas een tweekleurig duotone-effect toe op een afbeelding in je browser en exporteer het resultaat als PNG, zonder iets naar een server te uploaden.
Kleurenmixer — Meng twee kleuren
Meng twee kleuren met een zelfgekozen RGB-verhouding en kopieer de resulterende HEX-, RGB- en HSL-waarden direct in je browser.
Kleurnaamvinder — Dichtstbijzijnde CSS-kleur
Vind de dichtstbijzijnde CSS-kleurnaam bij elke HEX-waarde via RGB-afstand, met kleurstalen en kopieerknoppen.
CSS-themagenerator
Kies je merkkleuren en genereer clientside een :root-thema met CSS-custom properties, inclusief afgeleide hover-, rand- en oppervlaktetokens.
SVG Golfgenerator
Maak gelaagde SVG-golven met instelbare amplitude, complexiteit, vloeiendheid en kleuren. Kopieer SVG of CSS, of download SVG en PNG.
Blobgenerator
Genereer willekeurige organische SVG-blobs met instelbare punten, willekeurigheid, verloopvullingen en contouren. Kopieer de SVG of download een PNG.
Mesh-gradiëntgenerator
Bouw mesh-gradiënten met 3 tot 6 versleepbare kleurpunten, vervaging en ruis. Kopieer de CSS of download een PNG-afbeelding.
CSS Clip-Path Generator
Bewerk CSS clip-path-vormen visueel met presets, versleepbare polygoonpunten en schuifregelaars. Kopieer de clip-path-CSS.