Farbe und Palette

Farbe beliebiger Punkte und die dominante Palette ermitteln

Keine Datenbank: AIMRAN speichert weder deine Dateien noch Texte oder Ergebnisse

Was ist Farbe und Palette?

Wenn dir die Farbe in einem Foto, Logo oder Screenshot gefällt und du sie in deinem Design verwenden willst, nennt dir dieses Tool ihren genauen Code. Du fährst mit Maus oder Finger über das Bild, eine Lupe zeigt dir die Pixel und mit einem Klick speicherst du die Farbe.

Außerdem berechnet es automatisch die Hauptfarbpalette des Bildes, sortiert nach Häufigkeit, damit du eine stimmige Kombination für deine Website, Präsentation oder Marke parat hast.

So funktioniert es

  1. Zieh das Bild hinein, aus dem du Farben auslesen möchtest.
  2. Fahre mit dem Cursor darüber und nutze die Lupe, um genau zu zielen.
  3. Klicke, um die Farbe in deiner Liste zu speichern, und kopiere ihren HEX-, RGB- oder HSL-Code.
  4. Sieh dir die dominante Palette an und wähle, wie viele Farben du willst (5 bis 12).
  5. Exportiere die Palette als CSS-Variablen oder JSON.

Vorteile

Technische Details

Die Pipette liest den RGB-Wert des Pixels unter dem Cursor auf dem Originalbild und zeigt eine Lupe mit 11 × 11 Pixeln. Bis zu 24 Farben lassen sich ohne Duplikate in HEX, rgb() und hsl() speichern. Die dominante Palette wird mit k-means auf einer auf 160 px verkleinerten Kopie berechnet, mit einer deterministischen Initialisierung im Stil von k-means++ (sie startet bei der Durchschnittsfarbe und fügt die am weitesten entfernten Farben hinzu), wobei transparente Pixel ignoriert werden; das Ergebnis wird nach dem Pixelanteil jeder Gruppe sortiert. Der Export erzeugt CSS Custom Properties oder ein JSON mit den Codes. Akzeptiert Bilder bis 50 MB, HEIC eingeschlossen.

Häufige Fragen

Wie finde ich den Farbcode aus einem Bild heraus?

Lade das Bild hoch, fahre mit dem Cursor über die Farbe und du siehst ihren HEX-, RGB- und HSL-Code. Klicke, um sie zu speichern und zu kopieren.

Wie erhalte ich die Farbpalette eines Fotos?

Beim Laden des Bildes wird die dominante Palette automatisch berechnet. Wähle mit dem Schieberegler 5 bis 12 Farben und exportiere sie als CSS oder JSON.

Was ist der Unterschied zwischen HEX, RGB und HSL?

Es sind verschiedene Schreibweisen für dieselbe Farbe. HEX ist im Webdesign am verbreitetsten, RGB gibt Rot, Grün und Blau an, HSL Farbton, Sättigung und Helligkeit.

Funktioniert es auf dem Handy?

Ja. Fahre mit dem Finger über das Bild, um die Farbe zu sehen, und tippe, um sie zu speichern.

Weitere Tools: Bild