Farbwähler & Farbpalette aus Bild

Ermittelt die Hauptfarben eines Bildes und zeigt sie als HEX-, RGB- und HSL-Codes an, und liefert den Code jedes Punkts, auf den Sie drücken. Damit übernehmen Sie Farben aus einem Foto für ein Design oder prüfen eine Logofarbe.

So geht’s

1. Ziehen Sie ein Bild auf das Feld oder klicken Sie, um eines auszuwählen.
2. „Hauptfarben“ listet die meistverwendeten Farben und ihre Anteile auf. Probieren Sie eine andere „Anzahl der Farben“ (5 bis 10) oder „Methode“ aus.
3. Drücken oder ziehen Sie auf dem Bild, um die Farbe dieses Punkts unter „Aufgenommene Farbe“ zu sehen. Sie können vorher hineinzoomen, und „Aufnahmebereich“ kann die umliegenden Pixel mitteln.
4. Drücken Sie auf einen Code, um ihn zu kopieren. Für die ganze Palette verwenden Sie „Als CSS-Variablen kopieren“, „Als JSON kopieren“ oder „Als PNG speichern“.

So wird gerechnet

• Die Hauptfarben werden an einer Kopie ermittelt, die auf höchstens 256 Pixel an der längeren Seite verkleinert ist. Transparente Pixel werden nicht mitgezählt.
• Median Cut teilt wiederholt die Gruppe mit der größten Farbstreuung an ihrem Median; k-Means berechnet wiederholt den Mittelpunkt jeder Gruppe neu. k-Means dauert etwas länger.
• Die letzten 30 aufgenommenen Farben bleiben in diesem Browser auf diesem Gerät gespeichert. Das Bild wird nicht hochgeladen.

Häufige Fragen

Wie bekomme ich den Farbcode aus einem Bild?

Öffnen Sie das Bild und drücken Sie auf die gewünschte Stelle. Die HEX-, RGB- und HSL-Codes erscheinen unter „Aufgenommene Farbe“; drücken Sie auf einen Code, um ihn zu kopieren.

Was ist der Unterschied zwischen HEX und RGB?

Es sind zwei Schreibweisen für dieselbe Farbe. RGB gibt Rot, Grün und Blau als Zahlen von 0 bis 255 an, und HEX schreibt dieselben drei Werte als je zwei Hexadezimalziffern. rgb(255, 0, 0) ist #FF0000.

Warum weicht die aufgenommene Farbe leicht von dem ab, was ich sehe?

Benachbarte Pixel in einem Foto unterscheiden sich oft ein wenig. Stellen Sie „Aufnahmebereich“ auf den Mittelwert von 3 × 3 oder 5 × 5 Pixeln, um einen stabileren Wert zu erhalten.

Kann ich eine Farbe außerhalb dieser Seite aufnehmen?

Nur in Browsern, die das unterstützen. Dort erscheint eine Taste „Überall auf dem Bildschirm aufnehmen“, mit der Sie jeden Punkt auf dem Bildschirm aufnehmen können.