Konvertieren Sie Farben sofort in alle Richtungen
Ein Farbkonverter ist nur dann sinnvoll, wenn er jede Notation beherrscht, die Sie verwenden. Dieses Tool konvertiert HEX in RGB und zurück und überbrückt außerdem HSL, HSV (auch HSB genannt) und CMYK – alles auf einmal und in Echtzeit. Geben Sie ein HEX wie #3b82f6 ein und Sie erhalten sofort dessen RGB(59, 130, 246), seinen HSL(217, 91%, 60%), seinen HSV(217, 97%, 96%) und seinen CMYK(76%, 47%, 0%, 4%). Wenn Sie ein einzelnes Feld ändern, folgen die anderen, sodass Sie das Modell finden können, das zur Aufgabe passt: HEX für Markup, RGB für Leinwand und Farbverläufe, HSL/HSV für intuitive Helligkeits- und Sättigungsanpassungen und CMYK, wenn ein Design gedruckt wird.
Von HEX zu RGB, HSL, HSV und CMYK ohne Mathematik
Unter der Haube normalisiert der Konverter jede Eingabe auf ein einzelnes RGB-Triple und wendet dann die Standard-sRGB-Formeln an, um die anderen Räume abzuleiten – die gleichen mathematischen Browser und Design-Tools verwenden, sodass die Zahlen mit denen übereinstimmen, die Sie in Figma, Photoshop oder Chrome DevTools sehen. Es versteht außerdem HEX-Kurzschrift (#fff), 8-stelliges HEX mit Alpha (#3b82f6aa), rgb()/rgba(), hsl()/hsla() und gängige CSS-benannte Farben wie Purpur, Blaugrün und Gold, sodass Sie sich nie eine Formel merken oder die Registerkarten wechseln müssen. Jedes Format verfügt über eine Kopierschaltfläche und das große Vorschaumuster zeigt Ihre Farbe auf einem echten Hintergrund, sodass Sie sie auf einen Blick auf ihre Richtigkeit überprüfen können.
Entwerfen Sie bessere Paletten mit Harmonien und Rampen
Die Auswahl einer einzelnen Farbe ist einfach. Der schwierige Teil ist der Aufbau einer kohärenten Palette. Der Konverter generiert Farbharmonien aus Regeln der Farbtheorie – komplementär (entgegengesetzt auf dem Farbrad), analog (Nachbarn), triadisch und tetradisch (gleichmäßig verteilt) – als anklickbare Farbfelder, die Sie direkt in Ihr Projekt einfügen können. Eine Helligkeitsrampe reicht von nahezu Schwarz zu nahezu Weiß bei gleichem Farbton und gleicher Sättigung und bietet Ihnen die Farbtöne und Schattierungen, die Designer benötigen, wenn sie Schwebe-, Rand- und deaktivierte Zustände benötigen. Mit einem Zweifarbenmischer können Sie jedes Paar in einem gewählten Verhältnis mischen, um Zwischentöne zu erzeugen, und mit einer Feinabstimmungsreihe können Sie den Farbton mit einem Klick aufhellen, abdunkeln, sättigen, entsättigen oder drehen.
Barrierefreiheit und Privatsphäre sind integriert
Eine gute Farbe ist eine lesbare Farbe. Der Konverter zeigt das WCAG-Kontrastverhältnis Ihrer Farbe gegenüber Weiß und Schwarz an und markiert die Konformität mit AA (4,5:1) und AAA (7:1), sodass Sie kontrastarmen Text erkennen können, bevor er versendet wird – eine natürliche Ergänzung zum speziellen Kontrastprüfer. Und da alles lokal in Ihrem Browser läuft, verlassen Ihre Farben nie Ihr Gerät: Es gibt keinen Upload, kein Konto und keine Nachverfolgung, wodurch die Marken- und Kundenarbeit privat bleibt, während das Tool sofort verfügbar bleibt.
- 01
- Bidirektional HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK, mit Alpha
- 02
- Interaktive RGB-, HSL- und Alpha-Schieberegler mit Live-Verlaufsspuren
- 03
- Nativer Farbwähler + Browser-EyeDropper
- 04
- Aktueller Verlauf + gespeicherte Farbfelder (in Ihrem Browser gespeichert)
- 05
- CSS-Unterstützung für benannte Farben (Purpur, Blaugrün, Gold …)
- 06
- Harmonien, Farbton-/Schattenrampe + Zweifarbenmischer
- 07
- Vorschau auf Farbenblindheit (Protanopie, Deuteranopie, Tritanopie)
- 08
- Live WCAG AA/AAA-Kontrastabzeichen
- 09
- Kopierbereiter Export für CSS, Tailwind, SCSS, Swift und Android
