oder ziehen Sie ein Bild hierher oder fügen Sie es aus der Zwischenablage ein (Strg+V)
Max. Dateigröße: 50 MB. Unterstützt: JPG, PNG, WEBP, GIF, BMP, AVIF, SVG, ICO.
Es gibt vier Hauptanwendungen. Webdesign und Layout – den exakten Code einer Markenfarbe aus einem Entwurf oder einer Vorlage übernehmen, statt ihn nach Augenmaß zu schätzen. Abgleich einer Markenfarbe – prüfen, ob die Farbe auf der Website mit der aus dem Markenbuch oder Logo übereinstimmt. Arbeit mit Fotos – den dominanten Farbton für Hintergrund oder passende Elemente bestimmen. Kontrastprüfung – Codes von Text und Hintergrund vor einer Barrierefreiheitsprüfung vergleichen.
Eine hochgeladene Datei und ein eingefügter Screenshot verlassen das Gerät nicht – die Verarbeitung läuft im Browser. Ein Bild per Link läuft nur zum Laden durch den Server und wird nicht gespeichert.
Verschiedene Monitore kalibrieren die Farbwiedergabe unterschiedlich, und manche Bilder sind mit einer Kompression gespeichert, die die Töne leicht verfälscht. Die Pipette liest die Farbe direkt aus der Datei, zeigt also denselben Wert, den der Browser „sieht“, nicht die absolut objektive Farbe des Objekts im Foto.
Ja, ein Screenshot wird genauso eingefügt wie ein gewöhnliches Bild – aus der Zwischenablage. Praktisch, um die Farbe eines beliebigen Oberflächenelements zu übernehmen, ohne eine Datei auf der Festplatte zu speichern.
Das Werkzeug liest exakt die Farbe des angeklickten Pixels. Für eine gemittelte Farbe eines Bereichs empfiehlt es sich, mehrere Punkte darin zu wählen und die Werte zu vergleichen – sie liegen meist nah beieinander, wenn der Bereich farblich einheitlich ist.
Ja, die dritte Möglichkeit ist, eine Bild-URL einzufügen. Das Bild wird zum Auslesen der Farbe geladen und nach der Verarbeitung nicht auf dem Server gespeichert.
Laden Sie eine Datei hoch, fügen Sie einen Screenshot ein oder geben Sie einen Bildlink an – das Werkzeug liest die exakte Farbe jedes Pixels aus und zeigt sie in HEX, RGB und HSL mit Kopier-Schaltfläche. Die Datei wird nicht neu komprimiert: Die Farbe stammt Pixel für Pixel aus dem Original, direkt im Browser.
Alle drei Formate beschreiben dieselbe Farbe, werden aber in unterschiedlichen Zusammenhängen genutzt.
| Format | Beispiel | Wo es verwendet wird |
|---|---|---|
| HEX | #3A7BD5 | CSS, Website-Layout, Grafikprogramme |
| RGB | rgb(58, 123, 213) | CSS, Programmierung, Arbeit mit Transparenzebenen |
| HSL | hsl(214, 64%, 53%) | Nuancen eines Farbtons wählen: Helligkeit und Sättigung lassen sich getrennt einfacher ändern |
Wenn Sie nicht nur die Farbe bestimmen, sondern auch eine passende Kombination finden oder sie in ein anderes Format umrechnen möchten – CMYK, RAL, Pantone –, nutzen Sie den Farbkonverter. Den erhaltenen HEX-Code können Sie direkt ins Seiten-Layout einfügen, und für die Prüfung des fertigen Textes vor der Veröffentlichung hilft der Wortdichte-Zähler oder der Text-Reiniger.