Kostenloses Farbkonverter-Tool

Der Farbkonverter ist ein kostenloses Online-Tool, das Farben zwischen den Formaten HEX, RGB und HSL umwandelt und dabei eine visuelle Farbvorschau bietet.

Ja, er ist völlig kostenlos und erfordert keine Registrierung. Alle Umwandlungen erfolgen clientseitig in Ihrem Browser.

Der Farbkonverter unterstützt die Farbformate HEX (z. B. #FF5733), RGB (z. B. rgb(255,87,51)) und HSL (z. B. hsl(11,100%,60%)).

Absolut. Das Farbkonverter-Tool verarbeitet alles clientseitig in Ihrem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Ihre Inhalte bleiben jederzeit privat auf Ihrem Gerät.

Ja, das Farbkonverter-Tool ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Sie können es auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne eine App herunterladen zu müssen.

Es ist kein Konto und keine Registrierung erforderlich. Öffnen Sie einfach das Farbkonverter-Tool in Ihrem Browser und legen Sie sofort los. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Geben Sie einfach Ihre Daten in das vorgesehene Feld ein, passen Sie die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend können Sie das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Das Farbkonverter-Tool funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwenden Sie die neueste Version Ihres bevorzugten Browsers.

Eine HEX-Farbe ist einfach eine RGB-Farbe im Sechzehnersystem geschrieben. Teile die sechs Stellen in drei Paare: Das erste Paar ist Rot, das zweite Grün, das dritte Blau. Wandle jedes zweistellige Paar von hexadezimal in dezimal (0 bis 255) um, um den RGB-Wert zu erhalten. Zum Beispiel zerfällt #3B82F6 in 3B, 82 und F6; dezimal sind das 59, 130 und 246, also rgb(59, 130, 246). Eine dreistellige Kurzschreibweise wie #F30 wird erweitert, indem jede Ziffer verdoppelt wird, also zu #FF3300, und ein achtstelliger HEX8-Code fügt ein abschließendes Paar für den Alphakanal (Transparenz) hinzu. Der umgekehrte Weg funktioniert genauso: Teile jeden RGB-Kanal in sein Hexadezimalpaar auf und füge sie zusammen. Das von Hand zu machen ist langsam und fehleranfällig, also füge einfach jeden HEX- oder RGB-Wert in den Konverter oben ein und lies das exakte Äquivalent sofort ab, zusammen mit HSL, HSV, CMYK, LAB und der nächstliegenden benannten CSS-Farbe.

Beide beschreiben eine Farbe über Farbton (0 bis 360 Grad auf dem Farbrad) und Sättigung, behandeln Helligkeit aber unterschiedlich. HSL verwendet Lightness, wobei 0 % Schwarz, 100 % Weiß und 50 % die kräftigste Version des Farbtons ist. HSV (auch HSB genannt) verwendet Value bzw. Helligkeit, wobei 0 % Schwarz ist und 100 % die hellste Version, reines Weiß aber nur erscheint, wenn die Sättigung ebenfalls 0 % beträgt. In der Praxis ist HSL intuitiv, um eine Farbe im Web heller oder dunkler zu machen, während HSV dem Verhalten der Farbwähler in den meisten Grafikprogrammen wie Photoshop entspricht. Da beide Modelle Helligkeit mit unterschiedlichen Formeln definieren, trägt dieselbe Farbe in jedem Modell andere Sättigungswerte, du kannst die Werte also nicht einfach übertragen. Gib oben eine beliebige Farbe ein, und das Tool zeigt HSL, HSLA und HSV/HSB nebeneinander an, zusammen mit HEX, RGB und CMYK, sodass du jedes Modell auf einen Blick vergleichen kannst, ohne selbst zu rechnen.

Bildschirme nutzen RGB, ein additives Modell, das rotes, grünes und blaues Licht mischt, während Drucker CMYK verwenden, ein subtraktives Modell, das Cyan-, Magenta-, Gelb- und Key-(Schwarz-)Tinte auf Papier schichtet. RGB kann leuchtende, gesättigte Farben erzeugen, besonders bei kräftigen Grün-, Orange- und Blautönen, die schlicht außerhalb des kleineren Farbraums liegen, den CMYK-Tinten wiedergeben können. Diese Farben außerhalb des Farbraums werden auf das nächstliegende druckbare Äquivalent begrenzt, was meist stumpfer oder leicht farbverschoben wirkt. Deshalb kann ein leuchtendes Bildschirmblau matschig gedruckt werden und ein Neongrün seine Strahlkraft auf Papier verlieren. Die Umrechnung in CMYK vor dem Versand von Druckvorlagen gibt dir eine realistische Vorschau darauf, wie die Farbe im Druck wirkt, und lässt dich frühzeitig nachjustieren. Füge oben deine HEX- oder RGB-Farbe ein, um sofort ihre CMYK-Prozentaufschlüsselung zu sehen, damit es beim Druck keine Überraschungen gibt.

Kontrast wird als Verhältnis zwischen der relativen Leuchtdichte einer Vorder- und einer Hintergrundfarbe gemessen, von 1:1 (identisch) bis 21:1 (Schwarz auf Weiß). Die Web Content Accessibility Guidelines (WCAG 2.1) verlangen mindestens 4,5:1 für normalen Text und 3:1 für großen Text (18pt, oder 14pt fett), um Level AA zu erfüllen, und 7:1 sowie 4,5:1 für das strengere Level AAA. Höhere Verhältnisse bedeuten besser lesbaren Text, besonders für Nutzer mit eingeschränktem Sehvermögen oder auf blendungsanfälligen Bildschirmen. Leuchtdichte und Verhältnis von Hand zu berechnen ist mühsam, nutze stattdessen den Contrast-Tab in diesem Tool: Gib deine Text- und Hintergrundfarben ein, und er berechnet das exakte Verhältnis, zeigt eine Live-Textvorschau auf deinem gewählten Hintergrund und Bestanden/Nicht-bestanden-Badges für jede WCAG-Stufe, damit du die Lesbarkeit einer Farbkombination bestätigen kannst, bevor sie live geht, statt erst nach einer Beschwerde.

Das sind Farbharmonien, die auf Positionen rund um das 360-Grad-Farbrad basieren. Komplementärfarben liegen sich direkt gegenüber (180 Grad auseinander), wie Blau und Orange, und erzeugen hohen Kontrast und Energie. Triadische Farben sind gleichmäßig um 120 Grad verteilt und ergeben ein ausgewogenes, lebendiges Dreier-Set. Analoge Farben sind Nachbarn auf dem Rad (typischerweise innerhalb von etwa 30 Grad) und erzeugen ruhige, stimmige Paletten, da sie einen gemeinsamen Grundton teilen. Weitere Schemata sind split-komplementär und tetradisch (ein Vierfarben-Quadrat). Eine Harmonie zu wählen, ist eine zuverlässige Abkürzung zu einer Palette, die wirkt, als wäre sie bewusst gestaltet und nicht zufällig, da die Beziehungen in der Geometrie des Farbrads verankert sind. Dieses Tool erzeugt alle diese Schemata aus jeder von dir eingegebenen Grundfarbe, dazu Aufhellungen (Richtung Weiß gemischt), Abdunkelungen (Richtung Schwarz) und Töne (Richtung Grau), und lässt dich auf ein beliebiges Farbfeld klicken, um es zur neuen aktiven Farbe zu machen und von dort weiter zu erkunden.