Bildfarbwähler

Dieser Bildfarbwähler beantwortet eine einfache, häufige Frage: Welche genaue Farbe hat dieser Pixel? Laden Sie ein Foto, einen Screenshot oder einen Design-Export hoch oder ziehen Sie ihn hierher, und das Tool zeichnet ihn auf eine pixelgenaue Zeichenfläche. Bewegen Sie den Cursor, und eine Vergrößerungslupe folgt ihm und stellt die 11×11 Pixel darunter vergrößert dar, damit Sie präzise zielen können; die Werte unter dem Cursor werden live angezeigt. Ein Klick, und die Farbe landet in drei Karten – HEX für CSS, RGB für Code, HSL zum Anpassen der Helligkeit – jede mit einem eigenen Kopier-Button.

Präzision ist der Kern eines solchen Farbwählers. Auf Anti-Aliasing-Text, Farbverläufen und Fotokanten unterscheiden sich benachbarte Pixel merklich, und das Auswählen nach Augenmaß aus einer verkleinerten Vorschau greift allzu oft den falschen Farbton. Die Lupe zeigt jeden physischen Pixel als großes Quadrat mit einem Fadenkreuz auf dem mittleren, sodass der kopierte Wert genau dem von Ihnen gemeinten Pixel entspricht. Ein Verlauf der letzten acht Farben wird als Farbfelder gespeichert – klicken Sie auf eines, um diese Farbe erneut zu kopieren.

Das Tool basiert auf der Canvas-API des Browsers und läuft vollständig auf Ihrem Gerät: Das Bild wird nie hochgeladen, es gibt keine Warteschlange und kein Konto, und selbst vertrauliche Mockups oder Dokumente können gefahrlos überprüft werden. Es funktioniert mit jedem Bildformat, das Ihr Browser öffnen kann, einschließlich PNG, JPG, WebP, GIF und SVG.

Typische Anwendungen: Wiederherstellen einer Markenfarbe aus einem Logo, wenn der Styleguide verloren ist; Abgleichen von UI-Farben mit einem Referenz-Screenshot; Überprüfen, was ein Farbverlauf tatsächlich ergibt; oder Aufgreifen eines Palettenkandidaten aus einem Foto. Wenn Sie die Farbe dann in einer anderen Notation benötigen – CMYK für den Druck oder normalisierte Werte –, setzt das Farbformat-Konverter-Tool genau dort an, wo die Pipette aufhört.