Color Studio

Harmonische Farbpaletten mit einem interaktiven Farbrad erstellen — Harmonieregeln wie Analog, Komplementär oder Triade anwenden und jeden Wert sofort kopieren.

Eine Startfarbe in bis zu 10 Schritten in eine Endfarbe überblenden — Verlauf voranschauen, jeden Farbton übernehmen und jedes Format sofort kopieren.

Einen vollständigen Bereich von Tints und Shades aus einer einzigen Farbe erzeugen — Aufhell-/Abdunkelschritt und Anzahl der Abstufungen wählen und jeden Wert sofort kopieren.

Eine verfeinerte, kopierbereite Farbpalette aus einem beliebigen Bild extrahieren.

Farben zwischen HEX, RGB, RGBA, HSL, HSLA und HSV konvertieren — Farbe auswählen, Alpha anpassen und jedes Format sofort kopieren.

Nächste CSS-Farbe und nächsten Tailwind-Farbton für eine beliebige Farbe finden — perzeptiv abgeglichen mit kopierbereiten Werten.

Beliebiges Pixel auf dem Bildschirm mit der Pipette aufnehmen oder Farben aus einem abgelegten Bild auswählen und zu einer kopierbereiten Palette sammeln.

Einen schönen Verlauf aus einem beliebigen Foto extrahieren — Bild ablegen, Stimmung wählen und die dominanten Farben werden zu ziehbaren Verlaufsstopps. Sofort kopierbares CSS erhalten.

Lineare, radiale und konische CSS-Verläufe von Grund auf mit ziehbarer Mehr-Stopp-Steuerung und kuratierten Voreinstellungen erstellen. Sofort kopierbares CSS erhalten.

Eine Reihe von Farben einfügen oder importieren und sofort in CSS-Variablen, SCSS, Tailwind-Config, JSON oder SVG-Farbfelder exportieren — der Abschlussschritt für jede Palette.

WCAG-Kontrastverhältnis zwischen Text- und Hintergrundfarbe prüfen — AA/AAA-Bestehen/Nicht-Bestehen-Bewertungen für Normaltext, Großtext und UI-Komponenten anzeigen, mit Livevorschau und Vorschlägen für barrierefreie Farben.

Bild oder Palette so sehen, wie Menschen mit Protanopie, Deuteranopie, Tritanopie oder Achromatopsie — läuft vollständig im Browser, nichts wird hochgeladen.