Tool-Sammlung

Studios für Farben, Barrierefreiheit und CSS

Vergleichen Sie Farben und Kontraste, erstellen Sie Verläufe und Schatten und entwerfen Sie Grid-, Flexbox- oder fluide Layouts. Kontrastwerte hängen vom gewählten Standard ab und ersetzen keine vollständige Barrierefreiheitsprüfung.

Studios zum Erkunden von Farben, Prüfen von Kontrasten und Gestalten von Verläufen, Schatten und CSS-Layouts.

Tools in dieser Sammlung

4 Tools

Farben und CSS-Design

Farb-, Paletten- und Kontraststudio

Farbmodelle umrechnen, CSS-Skalen erstellen, Paletten extrahieren und WCAG- oder APCA-Kontraste prüfen.

Tool öffnen

Farben und CSS-Design

CSS-Verlaufs-, Schatten- und Animationsstudio

Verläufe, Schatten, Filter, Transformationen und CSS-Animationen mit Vorschau gestalten.

Tool öffnen

Farben und CSS-Design

CSS-Grid-, Flexbox- und Fluid-Type-Studio

CSS-Grids, Flexbox-Layouts, fließende Schriftgrößen und responsive Abstände entwerfen.

Tool öffnen

Bilder und Vektorgrafik

SVG- und Vektor-Icon-Studio

SVG-Code, viewBox und Farben bearbeiten, Pfade optimieren und als TSX/JSX, CSS Data URI, PNG oder WebP exportieren.

Tool öffnen

Enthaltene Kategorien

Fragen zu Design- und CSS-Tools

Prüft Color Studio WCAG- und APCA-Kontraste?

Die Tool-Seite von Color Studio beschreibt verfügbare Methoden und Messwerte. Prüfen Sie den ausgewählten Modus und bewerten Sie das Ergebnis im jeweiligen Nutzungskontext.

Entdecken Sie Tools nach Aufgabenbereich.

Alle Tools ansehen
☕ Unterstützen