Was ist ein Bild-Farbwähler?
Ein Bild-Farbwähler liest Farbdaten aus einem Bild und wandelt sie in Werte um, die Design- und Entwicklungswerkzeuge nutzen. Laden Sie ein JPG-, PNG- oder WebP-Bild hoch oder fügen Sie es ein, prüfen Sie es mit der Pixel-Lupe und klicken Sie, um das exakte Quellpixel zu sperren. Der Wähler meldet HEX-, RGB-, HSL-, HSV- und CMYK-Werte, inklusive Transparenz, wenn das Pixel einen Alphakanal hat.
Das angezeigte Bild kann kleiner als die Originalmaße sein, aber der Zeiger wird auf die natürliche Auflösung des Canvas zurückgemappt. So kommt die gemeldete Farbe vom Quellpixel, nicht von einer visuell skalierten Vorschau. Exakte X- und Y-Eingaben sowie Pfeiltastenbewegung sind verfügbar, wenn Sie wiederholbare Koordinaten brauchen.
So wählen Sie präzise Farben
- Laden Sie ein Bild hoch, ziehen Sie es hinein oder fügen Sie es ein.
- Fahren Sie mit der Maus über das Bild, um die vergrößerte Pixelraster-Lupe zu öffnen.
- Klicken Sie ein Pixel, um Farbe und Originalkoordinaten zu sperren.
- Nutzen Sie 1×1-Abtastung für ein exaktes Pixel oder 3×3- und 5×5-Mittelung für einen repräsentativen lokalen Ton.
- Kopieren Sie das Farbformat, das zu Design, CSS oder Druck-Workflow passt.
- Wählen Sie eine automatisch extrahierte Palette-Farbe oder kehren Sie zu einer kürzlichen Auswahl zurück.
Der Einzelpixel-Modus ist die genaueste Wahl für flache Artwork, Logos und Interface-Screenshots. Fotografien und komprimierte JPG-Dateien enthalten oft kleine Abweichungen um eine Kante. Dann kann eine gemittelte Probe besser darstellen, was das Auge wahrnimmt, ohne das Originalbild zu ändern.
Farbformate und Kontrast
HEX und RGB beschreiben Rot-, Grün- und Blau-Bildschirmfarben. HSL organisiert eine Farbe nach Farbton, Sättigung und Helligkeit, während HSV Farbton, Sättigung und Wert nutzt. CMYK wird als praktische Umrechnungsreferenz für druckorientierte Workflows bereitgestellt, obwohl professioneller Druck je nach Profil und Gerät variieren kann.
Das Kontrastfeld vergleicht die gewählte Farbe mit Weiß und Schwarz anhand von WCAG-ähnlichen Kontrastverhältnissen. Es schlägt die besser lesbare Textfarbe vor, aber vollständige Barrierefreiheitsentscheidungen sollten auch Schriftgröße, -stärke und Interface-Zustand berücksichtigen.
Private Browser-Abtastung
Canvas in natürlicher Auflösung, Pixel-Lesungen, Umrechnungen und Palette-Extraktion laufen in Ihrem Browser. Das Bild wird nicht an einen Server gesendet. Das macht das Tool geeignet für private Screenshots, Kundenartwork und unveröffentlichte visuelle Assets. Die Quelldatei bleibt unverändert, und kürzliche Farben existieren nur, solange die Tool-Seite geöffnet ist.