UTILS.
100 % im Browser

Farbe-Tools

Kostenlose Farbtools für Designer und Entwickler — konvertiere zwischen HEX, RGB, HSL, CMYK, HSV und mehr, erstelle harmonische Paletten, prüfe den WCAG-Kontrast, mische und schattiere Farben und finde die nächstgelegene benannte Farbe.

Farbpaletten-Generator

Erzeuge komplementäre, analoge, triadische und tetradische Paletten aus jeder Grundfarbe.

Farbkontrast-Prüfer

Prüfe das WCAG-Kontrastverhältnis zwischen Text- und Hintergrundfarbe mit AA/AAA-Ergebnissen.

Farbmischer

Mische zwei Farben in einem einstellbaren Verhältnis und erhalte den resultierenden HEX-Wert.

Farbabstufungen & -töne

Erzeuge eine Reihe hellerer Tönungen und dunklerer Abstufungen aus jeder Grundfarbe.

🎨

CSS-Farbnamen

Durchsuche die über 140 benannten CSS-Farben mit ihren HEX-Werten.

Zufallsfarben-Generator

Erzeuge eine zufällige Farbe und zeige sie als HEX, RGB und HSL an.

Farbenblindheit-Simulator

Simuliere, wie eine Farbe bei Protanopie, Deuteranopie und Tritanopie erscheint.

HEX ⇄ RGBA

Konvertiere zwischen HEX-Farbcodes mit Alpha und rgba()-Notation, mit Live-Vorschau.

#?

CSS-Farbformate

Zeige eine Farbe in jedem CSS-Format: HEX, rgb(), hsl() und hwb().

tw

Tailwind-Palettengenerator

Erzeuge eine Tailwind-artige Farbskala von 50 bis 950 aus jeder Grundfarbe.

🖼◑

Bildfarben-Extraktor

Extrahiere die dominanten Farben aus einem hochgeladenen Bild als HEX-Farbfelder.

◐◑

Duotone-Generator

Erstelle einen zweifarbigen Duotone-Verlauf mit kopierbarem CSS.

cmyk

CMYK-zu-RGB-Konverter

Farben zwischen CMYK und RGB/HEX umrechnen, mit Live-Farbfeld.

hsv

HSV-/HSB-Konverter

Farben zwischen HSV/HSB und RGB/HEX umrechnen, mit Live-Farbfeld.

◑?

Nächste benannte Farbe

Finden Sie die nächstgelegenen benannten CSS-Farben zu jeder gewählten Farbe.

#abc

Farbe aus Text

Erzeugen Sie eine deterministische Farbe aus einer beliebigen Zeichenkette.