ImageColorPicker.com

HEX-Farbwähler

HEX-Code aus jedem Bild ermitteln

Klicke auf einen Pixel, um den HEX-Code zu erhalten

Beispielfoto: ein altes Auto in der Wüste

Bewege die Lupe mit den Pfeiltasten, mit gedrückter Umschalttaste in größeren Schritten, und übernimm die Farbe mit der Eingabetaste.

Wir finden Datenschutz wichtig! Dein Bild bleibt auf deinem Gerät.

Ausgewählte Farbe

HEX#2596be
RGBrgb(37, 150, 190)
HSLhsl(196, 67%, 45%)
DetailsKontrast prüfen

Palette

Farben aus dem Bild

Tippe auf eine Farbe, um sie zu kopieren. Tippe danach ins Bild, um sie zu ersetzen.

Ein HEX-Farbcode ist ein sechsstelliger Code, der in Webdesign und CSS verwendet wird, um Farben exakt zu definieren, zum Beispiel #FF5733. Früher brauchte man Photoshop oder andere Design-Tools, um eine Farbe aus einem Bild zu ermitteln. Mit diesem kostenlosen HEX-Farbwähler lädst du einfach dein Bild hoch und klickst auf einen beliebigen Pixel, um den HEX-Code sofort zu erhalten. Keine Software nötig, kein Konto erforderlich, und keine Daten werden auf einen Server hochgeladen. Alles passiert direkt in deinem Browser.

Was ist ein HEX-Farbcode?

Ein HEX-Farbcode beginnt mit # gefolgt von sechs hexadezimalen Zeichen (0–9, A–F). Die ersten beiden Zeichen stehen für den Rotkanal, die nächsten zwei für Grün und die letzten zwei für Blau. Zum Beispiel ist #FF0000 reines Rot, #00FF00 reines Grün und #0000FF reines Blau. HEX-Codes sind das gängigste Farbformat in CSS, HTML, Figma, Sketch und den meisten Design-Tools.

HEX vs RGB vs HSL

FormatBeispielAm besten für
HEX#2596BECSS, HTML, Webdesign
RGBrgb(37, 150, 190)Programmierung, Canvas
HSLhsl(197, 67%, 45%)Design-Anpassungen

Häufig gestellte Fragen

Ein HEX-Farbcode ist ein sechsstelliger alphanumerischer Code mit dem Prefix #, der eine bestimmte Farbe darstellt. Jedes Zeichenpaar kodiert die Rot-, Grün- und Blaukanäle als Werte von 00 bis FF. Zum Beispiel definiert #FF5733 ein warmes Orange-Rot. HEX-Codes sind das Standardformat in CSS, HTML und den meisten Design-Tools.

Lade dein Bild in den Farbwähler oben hoch und klicke dann auf einen beliebigen Pixel. Der HEX-Code erscheint sofort und kann mit einem einzigen Klick kopiert werden. Du kannst auch ein Bild aus der Zwischenablage einfügen.

In CSS verwendest du einen HEX-Code direkt als Farbwert. Zum Beispiel: color: #FF5733; oder background-color: #2596BE;. Du kannst auch Kurzform-HEX-Codes wie #F00 für #FF0000 (Rot) verwenden.

HEX und RGB stellen Farben auf die gleiche Weise dar, über Rot-, Grün- und Blaukanäle, verwenden aber eine unterschiedliche Notation. HEX nutzt eine kompakte sechsstellige Zeichenkette (#2596BE), während RGB drei Dezimalzahlen verwendet (rgb(37, 150, 190)). HEX ist im Webdesign gebräuchlicher, während RGB oft in der Programmierung eingesetzt wird.

Ja, dieses Tool ist 100% kostenlos und ohne Anmeldung nutzbar. Deine Bilder werden vollständig in deinem Browser verarbeitet, es wird nichts auf unsere Server hochgeladen. Du kannst es so oft nutzen, wie du möchtest.