Farbe Tools
HEX, RGB und HSL umrechnen, Paletten und Verläufe erstellen und WCAG-Kontrast prüfen — alle Farb-Tools für die Designarbeit direkt im Browser.
Beliebte Farb-Tools
HEX-zu-RGB-Umrechner
Wandeln Sie HEX-Farbcodes in RGB-Werte um und sehen Sie auch die HSL-Werte.
HEX-zu-HSL-Umrechner
Wandeln Sie HEX-Farbcodes in HSL-Farbwerte um.
Zufallsfarben-Generator — HEX-Farbe
Erzeugen Sie eine zufällige HEX-Farbe und sehen Sie ihre RGB- und HSL-Werte.
Farbwähler — HEX, RGB und HSL
Wählen Sie eine Farbe mit dem Farbwähler des Browsers und sehen Sie ihre HEX-, RGB- und HSL-Werte.
RGB-zu-CMYK-Umrechner
Wandeln Sie RGB-Farben in CMYK-Prozentwerte für den Druck um.
Farbpaletten-Generator
Erstellen Sie eine harmonische Farbpalette aus einer HEX-Grundfarbe.
CSS-Verlauf-Generator
Kombinieren Sie zwei HEX-Farben zu einem CSS-linear-gradient-Wert.
Farbmischer
Mischen Sie zwei HEX-Farben im von Ihnen gewählten Verhältnis.
Generator für helle und dunkle Farbtöne
Erzeugen Sie hellere und dunklere Farbtöne aus einer HEX-Farbe.
CSS-Farbnamen
Sehen Sie die HEX- und RGB-Werte der benannten CSS-Farben nach.
Nächste Tailwind-Farbe finden
Finden Sie das nächstgelegene Standard-Farb-Token von Tailwind zu einer HEX-Farbe.
Farb-Transparenz-Rechner — CSS rgba
Wandeln Sie eine HEX-Farbe und ihre Deckkraft in einen CSS-rgba-Wert um.
CSS-box-shadow-Generator
Erzeugen Sie einen CSS-box-shadow-Wert aus Versatz, Weichzeichnung, Ausdehnung und Farbe.
CSS-border-radius-Vorschau
Kombinieren Sie die Werte der vier Ecken zu einer CSS-border-radius-Eigenschaft.
CSS-clamp()-Generator
Kombinieren Sie einen Minimal-, einen Wunsch- und einen Maximalwert in einer CSS-clamp()-Funktion.
rem-in-px-Umrechner
Rechnen Sie zwischen px und rem anhand einer Basisschriftgröße um.
Seitenverhältnis-Rechner
Berechnen Sie das CSS-Seitenverhältnis und das gekürzte Verhältnis aus Breite und Höhe.
Tailwind-Farbgenerator — Skala 50-950
Erzeugt aus einer Grundfarbe eine vollständige Farbskala von 50 bis 950 zur Verwendung in Tailwind CSS.
Farbpaletten-Vorschau — Farben in der Oberfläche ansehen
Wendet eine Farbpalette auf generische UI-Blöcke an, um zu sehen, wie deine Farben in einem echten Layout wirken.
Farbnamen-Finder — die Farbe eines HEX-Werts finden
Findet den nächstgelegenen Farbnamen zu einem HEX-Wert, um deine Farben schnell zu identifizieren und zu benennen.
CSS-Dreieck-Generator — Code mit border
Erzeugt den CSS-Code für ein Dreieck auf Basis der border-Eigenschaft, bereit zum Kopieren und Einfügen in dein Stylesheet.
Farbkontrast-Prüfer — WCAG AA/AAA
Berechnen Sie das Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarbe und prüfen Sie die Konformität mit den WCAG-Stufen AA/AAA.
Farbpalette aus Bild extrahieren — Farbanalyse im Browser
Extrahiert eine repräsentative HEX-Farbpalette aus einem Bild. Das Bild wird in deinem Browser verarbeitet.
Farbenblindheit-Simulator — Farbanalyse im Browser
Simuliert die häufigsten Formen der Farbenblindheit für eine HEX-Farbe. Die Farbe wird in deinem Browser verarbeitet.
FAQ
Wie rechne ich HEX in RGB um?
Jedes HEX-Paar (RR, GG, BB) wird von hexadezimal in dezimal umgerechnet und ergibt die RGB-Kanäle. Der Umrechner arbeitet sofort in beide Richtungen.
Werden Farbwerte an einen Server gesendet?
Nein. Alle Farbberechnungen laufen im Browser, und nichts wird an einen Server gesendet.