Den Farbcode aus einem Bild bestimmen
Lade ein Bild hoch oder füge einen Screenshot ein und klicke auf ein Pixel: Du bekommst seinen HEX-, RGB-, HSL- und CMYK-Code, fertig zum Kopieren. Das Bild bleibt auf deinem Gerät.
- Kostenlos
- HEX, RGB, HSL, CMYK
- Pixelgenaue Lupe
- Palette mit 6 Farben
100 % privat — Alles wird direkt in deinem Browser verarbeitet: Deine Dateien, deine Stimme und dein Bild werden niemals an die Server von Chatzam gesendet.
Wie finde ich den Farbcode eines Bildes?
-
Bild hochladen
Leg ein Foto, ein Logo oder einen Entwurf ab oder füge direkt einen Screenshot ein.
-
Auf die Farbe klicken
Die Lupe vergrößert den Bereich unter dem Cursor, damit du genau das gewünschte Pixel triffst.
-
Code kopieren
Kopiere mit einem Klick das Format, das du brauchst: HEX fürs Web, RGB, HSL oder CMYK.
Alle Farben eines Bildes als Code
Pixelgenaue Lupe
Selbst bei feinen Details, einer Logolinie oder einem Rand siehst du genau das Pixel, das du aufnimmst.
Dominante Palette
Die 6 Hauptfarben des Bildes werden automatisch extrahiert, um die Farben eines Logos oder die Stimmung eines Fotos zu übernehmen.
Pipette für den ganzen Bildschirm
In Chrome und Edge nimmst du mit der Pipette des Browsers eine Farbe von überall auf dem Bildschirm auf, auch außerhalb der Seite.
Farbwähler und Verlauf
Wähle frei eine Farbe, lies ihre Umrechnungen ab und finde bereits gewählte Farben im Verlauf wieder, der in diesem Browser gespeichert wird.
HEX, RGB, HSL: Farbcodes verstehen
Auf dem Bildschirm ist jede Farbe eine Mischung aus Rot, Grün und Blau, jeweils mit Werten von 0 bis 255, also 256 × 256 × 256 = 16.777.216 mögliche Farben. Der RGB-Code schreibt sie dezimal: rgb(255, 87, 51) ist ein kräftiges Orange. Der HEX-Code schreibt dieselben drei Werte hexadezimal, mit jeweils zwei Zeichen: #FF5733, denn FF = 255, 57 = 87 und 33 = 51. HSL beschreibt dieselbe Farbe anders: ein Farbton auf dem Farbkreis von 0 bis 360°, dazu Sättigung und Helligkeit in Prozent, hier hsl(11, 100%, 60%). HSL ist praktisch, um eine hellere oder dunklere Variante zu erzeugen, indem man nur die Helligkeit ändert.
CMYK für den Druck
Ein Drucker mischt kein Licht, sondern Farben: Cyan, Magenta, Gelb (Yellow) und Schwarz (Key), angegeben in Prozent. Rechnerisch umgewandelt ergibt das Orange #FF5733 etwa C 0 %, M 66 %, Y 80 %, K 0 %, und reines Rot #FF0000 ergibt C 0 %, M 100 %, Y 100 %, K 0 %. Diese Umrechnung ist theoretisch: Das tatsächliche Ergebnis hängt vom Papier, vom Drucker und vom Farbprofil der Druckerei ab. Manche am Bildschirm sehr leuchtende Farben, vor allem gesättigte Blau- und Grüntöne, lassen sich mit Druckfarben nicht wiedergeben und wirken blasser. Bei wichtigen Drucksachen fordere einen Proof oder die CMYK-Referenzwerte aus dem Corporate Design an.
Warum sich die Farbe von Pixel zu Pixel ändert
Auf einem Foto besteht eine scheinbar einfarbige Fläche in Wirklichkeit aus leicht unterschiedlichen Pixeln: Licht, Schatten, Sensorrauschen. Die JPEG-Kompression fügt kleine Abweichungen hinzu, und die Ränder von Texten oder Logos vermischen die Farbe mit dem Hintergrund, um die Kante zu glätten. Für den richtigen Code nutze die Lupe und klicke in die Mitte einer gleichmäßigen Fläche, weit weg von den Rändern. Um die Farbe eines Logos zu übernehmen, geh wenn möglich von einer PNG-Datei statt einem JPEG aus. Und für einen Gesamteindruck eines Fotos sagt die Palette der 6 dominanten Farben oft mehr als ein einzelnes Pixel.
Häufig gestellte Fragen
Wie finde ich den Farbcode eines Bildes?
Lade das Bild hoch oder füge einen Screenshot ein und klicke auf die gewünschte Farbe. Der Code erscheint als HEX, RGB, HSL und CMYK und lässt sich mit einem Klick kopieren.
Wie rechne ich einen HEX-Code in RGB um?
Teile den Code in drei Paare und rechne jedes vom Hexadezimal- ins Dezimalsystem um. #1E90FF ergibt 1E = 30, 90 = 144 und FF = 255, also rgb(30, 144, 255). Das Tool zeigt die Umrechnung automatisch an, auch in HSL und CMYK.
Was ist der Unterschied zwischen RGB und CMYK?
RGB beschreibt die Farben eines Bildschirms, der rotes, grünes und blaues Licht mischt. CMYK beschreibt gedruckte Farben aus den Druckfarben Cyan, Magenta, Gelb und Schwarz: Nutze HEX oder RGB fürs Web und CMYK für den Druck.
Wie bekomme ich die Farbe einer Website oder App?
In Chrome oder Edge klickst du mit der Pipette für den ganzen Bildschirm direkt auf die Farbe, auch außerhalb der Seite. In anderen Browsern machst du einen Screenshot und fügst ihn im Tool ein.
Wird mein Bild an einen Server gesendet?
Nein. Das Bild wird in deinem Browser analysiert und verlässt dein Gerät nicht. Der Farbverlauf wird nur in diesem Browser gespeichert.