Toolcollectie

Studio's voor kleur, toegankelijkheid en CSS

Vergelijk kleuren en contrast, maak gradiënten en schaduwen, en ontwerp daarna layouts op Grid, Flexbox of vloeiende schalen. Contrastcontroles hangen af van de gekozen norm en vervangen geen volledige toetsing van de toegankelijkheid.

Studio's voor het verkennen van kleuren, het toetsen van contrast en het maken van gradiënten, schaduwen en CSS-layouts.

Tools in de collectie

4 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.

Tool openen

Kleur en CSS-design

Studio voor CSS-gradiënten, schaduwen en animaties

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

Tool openen

Kleur en CSS-design

Studio voor CSS Grid, Flexbox en vloeiende typografie

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

Tool openen

Afbeeldingen en vector

Studio voor SVG en vectoriconen

Bewerk SVG-code, viewBox en kleuren, optimaliseer paden en exporteer naar TSX/JSX, CSS Data URI, PNG of WebP.

Tool openen

Opgenomen categorieën

Vragen over ontwerp- en CSS-tools

Toetst de kleurenstudio contrast volgens WCAG en APCA?

De pagina van de kleurenstudio beschrijft de beschikbare methoden en maten. Controleer de gekozen modus en interpreteer de uitkomst in de context van gebruik.

Kies tools per soort taak.

Alle tools bekijken
☕ Steun ons