Eine Farbe aus einem Bild aufnehmen
Lies die genaue Farbe jedes Pixels als HEX, RGB oder HSL und baue dir per Klick eine Palette.
Bild hierher ziehen, um zu beginnen
Läuft im Browser. Nichts wird hochgeladen.
Zeige auf eine beliebige Stelle des Bildes, und das Panel zeigt, welche Farbe dort tatsächlich liegt — in den drei Schreibweisen, die ein Stylesheet oder ein Design-Werkzeug annimmt. Ein Klick behält sie, und jede behaltene Farbe reiht sich darunter ein: Fünf Farben aus einem Foto oder Screenshot zu ziehen sind fünf Klicks statt fünf Wege in ein anderes Programm und zurück.
Gelesen wird aus dem Bild in seiner eigenen Auflösung, nicht aus der Fassung, die auf den Bildschirm skaliert wurde. Der Unterschied wiegt schwerer, als er klingt: Ein Werkzeug, das das angezeigte Pixel abtastet, liefert das, was der Browser beim Skalieren zwischen zwei echten Pixeln erfunden hat — bei einem detailreichen Bild also eine Farbe, die in der Datei nirgends vorkommt.
HSL ist dabei, weil man darin bearbeitet. Farbton, Sättigung und Helligkeit sind drei Zahlen, die etwas bedeuten: Eine hellere Variante einer Markenfarbe ist eine davon, um zehn verschoben — dieselbe Änderung in HEX heißt, alle sechs Stellen zu ändern und zu hoffen. HEX ist, was du einfügst, HSL ist, worin du denkst, und beide beschreiben dasselbe Pixel.
Schritt für Schritt
- 1Bild hierher ziehen.
- 2Fahre darüber, um Farben zu lesen, und klicke, um eine zu behalten.
- 3Kopiere die Schreibweise, die du brauchst: HEX, RGB oder HSL.
Fragen
Kann ich eine Farbe von einer beliebigen Stelle des Bildschirms aufnehmen?
Nein — nur aus einem Bild, das du hier ablegst. Das Aufnehmen vom ganzen Bildschirm braucht eine API, die nur manche Browser haben, und jedes Mal eine Berechtigungsabfrage.
Warum weicht die Farbe von der in meinem Design-Programm ab?
Meist ist es ein Farbprofil. Ein Foto mit einem Weitgamut-Profil wird umgerechnet angezeigt, während die hier gelesenen Werte die in der Datei gespeicherten sind.
Was passiert bei einem transparenten Pixel?
Du bekommst die Farbe unter der Transparenz, so wie sie in der Datei steht. Der Alphakanal wird nicht ausgegeben, eine vollständig transparente Fläche liefert also trotzdem eine Farbe.
Wird das Bild hochgeladen?
Nein. Es wird in diesem Tab dekodiert und gelesen, und die Pixel verlassen deinen Rechner nicht.