Exakte Farben aus jedem Bild auslesen
Du hast eine Farbe in einem Foto, Website-Screenshot, Logo oder Design-Mockup entdeckt und brauchst nun den Farbcode. Dieser Color Picker für Bilder funktioniert wie eine Pipette für jedes beliebige Bild: Bild öffnen, auf einen Pixel klicken und den Farbcode als HEX, RGB und HSL erhalten – bereit zum Einfügen in CSS, Figma, Photoshop, Canva oder PowerPoint. Eine Zoom-Lupe vergrößert die Pixel unter dem Mauszeiger, damit du exakt den richtigen Punkt triffst, und eine Palette der Hauptfarben des Bildes wird automatisch erstellt.
Funktionen
- Pipette für jedes Bildformat, das dein Browser öffnen kann — JPG, PNG, WebP, GIF, SVG, AVIF und HEIC.
- Zoom-Lupe, die den Bereich unter dem Mauszeiger pixelgenau vergrößert.
- HEX, RGB und HSL-Codes mit 1-Klick-Kopier-Buttons.
- Hauptfarbpalette, die aus dem gesamten Bild extrahiert wird.
- Auswahl-Historie von bis zu 16 Farben, um diese zu vergleichen und darauf zurückzugreifen.
- Screenshots einfügen direkt aus der Zwischenablage.
- Privat: Das Bild verlässt niemals dein Gerät.
Welches Farbformat soll ich verwenden?
| Format | Beispiel | Wo es verwendet wird |
|---|---|---|
| HEX | #1E90FF |
CSS, HTML, Figma, Canva, die meisten Design-Tools |
| RGB | rgb(30, 144, 255) |
CSS, Photoshop, Office-Apps, Programmierung |
| HSL | hsl(210, 100%, 56%) |
CSS, wenn du Helligkeit oder Sättigung anpassen möchtest |
Um die ausgewählte Farbe in andere Formate wie CMYK oder HSV umzuwandeln oder ihren Kontrast zu weißem und schwarzem Text zu prüfen, öffne sie im Farbkonverter.
Anwendungsideen
Markenfarben exakt treffen: Extrahiere genau das richtige Blau aus einem Firmenlogo oder Website-Screenshot für einheitliche Präsentationen.
Farbpalette erstellen: Nutze die Hauptfarben eines Fotos als Basis für eine Website, ein Poster oder ein Präsentationsdesign.
Webentwicklung: Ermittle Farbcodes aus Design-Mockups, die nur als Bild und nicht als offene Design-Datei vorliegen.
Digitale Kunst & Handwerk: Finde die genauen Farbcodes in einem Referenzfoto für Zeichen-Apps, Stick- oder Strickmuster.
Tipps für exakte Ergebnisse
Verwende am besten die größte und am wenigsten komprimierte Version deines Bildes: PNG-Screenshots geben Farben exakt wieder, während es bei JPG-Fotos an den Kanten zu leichten Farbabweichungen kommen kann. Zoome mit der Lupe heran und vermeide Kantenglättung (Anti-Aliasing), da hier Pixel aus mehreren Farben gemischt werden. Wenn du nur einen Teil eines großen Bildes benötigst, solltest du zuerst das Bild zuschneiden, um die Bearbeitung zu erleichtern.