Farbwähler aus Bild

Laden Sie ein beliebiges Bild hoch, klicken Sie auf ein Pixel und erhalten Sie den exakten HEX-Wert dieser Farbe — plus RGB, HSL und den nächsten CSS-Farbnamen. Nützlich zum Abgleichen von Markenfarben aus Screenshots, zum Identifizieren von Farbtönen aus Fotos oder zum Erfassen des genauen Himmelsblaus in einem Hintergrundbild.

Warum aus einem Bild auswählen (statt nach Augenmaß)

„Es sieht blau aus“ ergibt 100 verschiedene Blautöne. Der Wähler liest den tatsächlichen Pixelwert, sodass Sie den exakten HEX-Wert in Ihr CSS, Ihr Design-Tool oder Ihre Farben-App einfügen können. Zoomen und Verschieben ermöglichen es, kleine Details anzusteuern (die Augenfarbe in einem Porträt, ein Faden in einem Stoffmuster).

Was der Farbwähler anzeigt

• HEX: bereit zum Einfügen in CSS, Figma, Photoshop.
• RGB: für Werkzeuge, die Dezimalkanäle benötigen.
• HSL: zum Anpassen auf Basis des ausgewählten Farbtons.
• Nächster CSS-Farbname: 'cornflowerblue', 'salmon' usw. Praktisch für schnelle Referenz.
• Helligkeits- und Kontrasthinweis: „am besten mit weißem Text kombinieren“ oder „dunklen Text verwenden“ basierend auf der Leuchtkraft.

Tipps zur Arbeitsweise

1. Für Markenfarbabgleich: Laden Sie das Marken-Asset hoch (Logo, Screenshot einer Website), klicken Sie auf die Farbe und fügen Sie den HEX-Wert in Ihr Style Guide ein.
2. Für Stimmungsboard-Farben: Nehmen Sie mehrere Pixel aus einer Region als Beispiel. Oder verwenden Sie den Paletten-Extraktor für die automatische Ermittlung der 5–10 dominanten Farben.
3. Für Farbabgleich: Fotografieren Sie die Wand, dann suchen Sie den HEX-Wert in Ihrer Farbmarken-App (Sherwin Williams, Benjamin Moore usw. bieten HEX-Suchen).

In andere Formate umwandeln

Wenn Sie einen HEX-Wert haben, führen Sie ihn durch unseren Farbkonverter für CMYK (Druck), Pantone-Referenz oder HSL-Anpassungen.