Farbcode aus Bild ermitteln.

1. Bild ablegen: Logo, Screenshot oder Foto – ziehen, auswählen oder mit Strg+V einfügen.
2. Palette ansehen: Das Werkzeug ermittelt die wichtigsten Farben selbst. Mit „3“, „5“ oder „8“ legst du fest, wie viele es sein sollen.
3. Genau nachmessen: Mit der Pipette klickst du auf jede Stelle im Bild. Die Lupe zeigt dir den einzelnen Pixel, den du erwischst.
4. Werte kopieren: Ein Klick auf HEX, RGB, HSL oder CMYK kopiert den Wert.

   Mehr dazu

   Die ganze Palette gibt es als CSS, für Tailwind, als Adobe-Farbfeld (ASE), GIMP-Palette oder Farbkarte.

An jeder Kante mischt der Bildschirm zwei Farben zu einem Übergang. Einfache Werkzeuge rechnen diese Mischpixel mit ein und liefern dann einen Farbton, der im Logo gar nicht vorkommt. Dieses Werkzeug misst die Palette nur auf ruhigen Flächen, wo ein Pixel wirklich die Farbe seiner Fläche trägt.

• HEX und RGB: für alles auf Bildschirmen – Website, Social Media, Präsentationen, Canva.
• HSL: praktisch, um hellere oder dunklere Varianten derselben Farbe zu bauen.
• CMYK: für den Druck. Der angezeigte Wert ist eine einfache Umrechnung ohne Farbprofil. Für exakte Druckfarben gibt die Druckerei ihr Profil vor – oder ein Gestalter legt die Werte fest.
• RAL: für Lack, Folie, Schilder, Fassaden und Fahrzeuge. Das Werkzeug zeigt den nächstliegenden Ton aus RAL Classic und wie nah er ist.
• Pantone lässt sich aus Bildschirmfarben nicht verlässlich ableiten. Dafür gehört ein gedruckter Farbfächer neben den Monitor.

Eine Markenfarbe sieht als Fläche gut aus, taugt aber nicht automatisch für Schrift. Das Werkzeug misst den Kontrast nach den WCAG-Richtlinien: Ab 4,5 : 1 ist normaler Text gut lesbar (Stufe AA), ab 7 : 1 sehr gut (AAA). Werte zwischen 3 und 4,5 reichen nur für große Überschriften.