Kleur en CSS-design

Studio voor CSS-gradiënten, schaduwen en animaties

Maak gradiënten, schaduwen, filters, CSS-transformaties en animaties met een voorbeeldweergave.

In het kort

Maak gradiënten, schaduwen, filters, CSS-transformaties en animaties met een voorbeeldweergave.

Belangrijkste functies

Maak gradiënten, schaduwen, filters, CSS-transformaties en animaties met een voorbeeldweergave.

Zo gebruik je deze tool

  1. Voer de benodigde gegevens in of importeer ze, afhankelijk van de beschikbare bedieningselementen.
  2. Kies opties die bij je taak passen en controleer de instellingen.
  3. Controleer het resultaat voordat je het kopieert of exporteert.

Interactieve werkruimte

Algemene labels in de interface worden vertaald als er een passend equivalent beschikbaar is. Sommige gespecialiseerde velden en meldingen kunnen in het Engels blijven; formaatnamen en code blijven onvertaald.

Scroll omlaag voor de volledige gids in het Nederlands, stapsgewijze instructies en veelgestelde vragen.

Privacy en beperkingen

Hoe de verwerking en netwerkverzoeken werken, verschilt per tool en functie. Lees de toelichting in de werkruimte en de privacyverklaring voordat je gevoelige gegevens gebruikt.

Functies, formaten en bestandsgroottes hangen af van de tool, je browser, het beschikbare geheugen en je apparaat. Houd bij grote bestanden de middelen van je apparaat in de gaten en controleer het resultaat zo nodig in gespecialiseerde software.

Verwante tools

Kleur en CSS-design

Studio voor kleuren, paletten en contrast

Converteer kleurmodellen, bouw CSS-schalen, haal paletten op en controleer contrast volgens WCAG of APCA.

Open de tool

Kleur en CSS-design

Studio voor CSS Grid, Flexbox en vloeiende typografie

Ontwerp CSS-rasters, Flexbox-layouts, vloeiende tekengroottes en responsieve tussenruimtes.

Open de tool

Terug naar de tools

☕ Steun ons