Zum Hauptinhalt springen

Bild-Farbwähler

Bild hochladen, irgendwo klicken für HEX und RGB — plus automatisch extrahierte dominante Palette.

Was ist ein Bild-Farbwähler?

Ein Bild-Farbwähler lässt dich eine exakte Farbe aus jedem Bild „pipettieren": Bild hochladen, auf eine Stelle klicken, und es zeigt die HEX- und RGB-Codes dieses Pixels — plus es extrahiert automatisch die dominante Palette des Bildes. Alles läuft lokal im Browser — das Bild wird nie hochgeladen.

So funktioniert es

  1. Ein Bild in den Upload-Bereich ziehen oder klicken, um eine Datei zu wählen.
  2. Auf die gewünschte Stelle im Bild klicken; HEX und RGB erscheinen rechts.
  3. Die Palette darunter listet die Hauptfarben des Bildes — klicke ein Farbfeld oder einen Knopf, um den Code zu kopieren.

Typische Anwendungen

  • Markenfarben aus einem Screenshot, Logo oder Foto für die Gestaltung ziehen.
  • Die Farben einer Vorlage in deiner Website oder Präsentation treffen.
  • Code geholt? Wandle ihn mit dem Farbkonverter in HSL um oder baue einen Verlauf im CSS-Generator.

Warum passt die gewählte Farbe nicht zu dem, was du „siehst"?

Du pipettierst ein Pixel aus einem Foto, setzt den Code in dein Design ein, und es wirkt leicht daneben. Meist hat das Tool nicht falsch gelesen — ein paar leicht übersehene Dinge spielen mit. Erstens ist JPG verlustbehaftet: Es fügt an Kanten und Verläufen feines Rauschen ein, das dein Auge glättet, sodass der RGB-Wert eines einzelnen Pixels auf diesem Rauschen liegen kann — tastest du ein paar Nachbarn ab, springen die Werte. Um „die repräsentative Farbe dieses Bereichs" zu greifen, ist die automatisch extrahierte dominante Palette unten stabiler als das Antippen eines Punktes, weil sie eine ganze Region mittelt. Zweitens unterscheiden sich das Farbprofil des Bildschirms (sRGB vs. P3) und die Einstellungen deiner Design-App, sodass dasselbe RGB anders angezeigt wird. Pipettieren eignet sich am besten für einen exakten numerischen Ausgangspunkt, den du dann feinjustierst. Hast du HEX / RGB, nutze den Farbkonverter für HSL oder den CSS-Generator für einen Verlauf.

Häufig gestellte Fragen

Wird mein Bild auf einen Server hochgeladen?

Nein. Das Bild wird komplett im Browser gelesen und gezeichnet; das Auswählen der Farben und das Erstellen der Palette geschehen lokal, und keine Datei wird hochgeladen.

Sind die Farben genau?

Du bekommst den tatsächlichen RGB-Wert dieses Pixels. Ist die Quelle ein komprimiertes JPG, können Pixel nahe Kanten oder Verläufen leicht von dem abweichen, was du „siehst" — das ist die Kompression, kein Fehler des Tools.

Wie wird die Palette extrahiert?

Das Tool tastet eine verkleinerte Version des Bildes ab, gruppiert nahezu identische Farben, zählt ihre Häufigkeit und liefert die dominantesten Farbfelder. Ideal, um die groben Marken- oder Hauptfarben zu greifen, nicht um jede einzelne Farbe aufzulisten.

Kann ich diese Codes in CSS nutzen?

Ja. Sowohl HEX (wie #3b82f6) als auch RGB (wie rgb(59,130,246)) passen direkt ins CSS. Für HSL oder andere Formate nutze einen Farbkonverter.

Weiterlesen

Farben aus einem Bild wählen (und eine Palette erhalten) →

Dieses Tool einbetten

Binde dieses Tool kostenlos auf deiner Website oder deinem Blog ein — kopiere einfach den Code unten (er enthält einen Link zurück zu dieser Seite).