Tools95

ERSCHAFFE ETWAS GROSSARTIGES

Bild-Farbpipette.

HEX, RGB und HSL-Farben aus einem Bild auswählen. Eine Palette extrahieren und bearbeiten, Textkontrast prüfen, dann Farben kopieren oder als PNG, SVG, CSS oder JSON exportieren.

Werbeanzeigen
Dein Bild-Arbeitsbereich
Temporäre Serververarbeitung
oder hierher ziehen und ablegen
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Wähle dein Bild, um zu beginnen.BILD
Werbeanzeigen
Blog Wie man Bildfarben auswählt und eine Palette erstellt Anleitung lesen

Wählen Sie Bildfarben aus und erstellen Sie eine Palette, die Sie verwenden können

Untersuchen Sie ein Pixel, kopieren Sie dessen HEX, RGB oder HSL-Wert und extrahieren Sie eine Startpalette aus einem Foto. Behalten Sie die Farben, die Ihnen gefallen, bearbeiten Sie den Rest, prüfen Sie ein Text-Hintergrund-Paar und exportieren Sie PNG, SVG, CSS oder JSON.

Ein Bild liefert individuelle Farbmuster und eine Palette, die verfeinert und exportiert werden kann.
KURZE VIDEOANLEITUNG How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Englische Vertonung Video ansehen

How to pick an image color and export a palette

Funktionen und Steuerelemente

Wählen Sie ein Pixel mit einer vergrößerten Ansicht aus

Klicken oder tippen Sie auf das Bild, um eine Farbe zu untersuchen, und kopieren Sie dann deren Code.

Präzise Positionierung und Vorschau-Einschränkungen

Die Lupe hilft Ihnen, kleine Details anzuvisieren. Fokussieren Sie das Bild und verwenden Sie die Pfeiltasten, um sich um ein Pixel zu bewegen, Umschalt plus Pfeiltaste für zehn Pixel und die Eingabetaste zum Auswählen. HEX, RGB und HSL haben individuelle Kopierschaltflächen. Browser-dekodierbare Quellen werden im Browser sRGB abgetastet. Wenn stattdessen eine normalisierte Vorschau verwendet wird, identifiziert deren Beschriftung die Farben und Koordinaten als Näherungswerte.

Extrahieren Sie eine nützliche Startpalette

Wählen Sie 3 bis 12 Farben zum Extrahieren und versuchen Sie Dominant oder Vibrant.

Wie Farben und Prozentsätze geschätzt werden

Dominant bevorzugt die Hauptfarben des Bildes. Vibrant verleiht farbenfrohen Akzenten mehr Einfluss. Die Extraktion tastet ein begrenztes Bild ab, gruppiert ähnliche Farben und gibt bis zur angeforderten Anzahl zurück; ein flaches Bild kann weniger enthalten. Vollständig transparente Pixel werden ausgeschlossen, und teilweise Deckkraft reduziert das Gewicht eines Pixels. Prozentsätze beschreiben ungefähre abgetastete Gruppen, nicht eine exakte Anzahl jedes ursprünglichen Pixels. Die automatische Extraktion lädt das Bild auf den Server hoch.

Behalten, ersetzen und sortieren Sie Ihre Farben neu

Sperren Sie nützliche Farbfelder, bearbeiten Sie deren HEX-Werte oder fügen Sie eine ausgewählte oder benutzerdefinierte Farbe hinzu.

Verfeinerung einer Palette vor dem Export

Wählen Sie ein Farbfeld aus, um dessen Farbe zu bearbeiten, es nach links oder rechts zu verschieben oder es zu entfernen. Sperren behält eine gewählte Farbe bei, wenn Sie Palette aktualisieren verwenden oder die Extraktionseinstellungen ändern. Zur Palette hinzufügen verwendet die abgetastete RGB-Farbe; Eine benutzerdefinierte Farbe hinzufügen ermöglicht die Eingabe eines HEX-Werts. Eine Palette kann 1 bis 12 Farben für den Export enthalten. Ausgewählte, bearbeitete und beibehaltene gesperrte Farben erhalten keine erfundenen Bildprozentsätze.

Transparente Pixel verstehen

Wählen Sie unter Abtastung Quellfarbe oder Zusammengesetzt über Hintergrund.

Quell-Deckkraft und exportierte Farben

Quellfarbe meldet das ausgewählte Pixel und dessen Deckkraft im kopierten Code. Zusammengesetzt über Hintergrund zeigt das Erscheinungsbild nach dem Mischen mit Hintergrund abtasten. Palettenfarben und Exporte sind undurchsichtige RGB-Werte, daher bewahrt das Hinzufügen einer durchscheinenden Quellfarbe deren Alphakanal nicht. Der Abtastmodus ändert die untersuchte Farbe; er färbt das Quellbild nicht um und ändert nicht die automatische Extraktion.

Prüfen Sie ein Text- und Hintergrundpaar

Verwenden Sie Farbkonsistenz prüfen, um zwei Farben zu vergleichen.

Was das Kontrastergebnis abdeckt

Wählen Sie Text und Hintergrund mit den Farbsteuerelementen, geben Sie HEX-Werte ein oder verwenden Sie die ausgewählte Farbe. Die Vorschau zeigt ein Kontrastverhältnis und separate Ergebnisse für Normal AA, Normal AAA, Groß AA und Groß AAA für Text. Dies prüft nur das ausgewählte Farbpaar. Es auditiert keine ganze Seite, berücksichtigt nicht jedes Hintergrundbild und zertifiziert nicht, dass ein vollständiges Design barrierefrei ist.

Farben für den nächsten Schritt exportieren

Speichern Sie ein Palettenbild, Vektor-Farbfelder, CSS-Variablen oder strukturierte Farbdaten.

PNG, SVG, CSS und JSON

PNG erzeugt eine beschriftete Palettenkarte. SVG behält die Farbfelder und Beschriftungen als Vektoreninhalt bei. CSS exportiert nummerierte Variablen wie --color-1. JSON enthält HEX, RGB und HSL-Werte. Wählen Sie Speichern unter und dann Start, um eine Datei namens palette mit der gewählten Erweiterung zu erstellen. Das Kopieren einer Farbe oder der gesamten HEX-Palette kann schneller sein, wenn Sie nur Werte benötigen.

Dateien und Verarbeitung

Eingabe
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC und HEIF
Ausgabe
Eine PNG, SVG, CSS oder JSON Palette

25 MB maximal pro Datei. Eine Eingabedatei pro Durchgang.

Ein Quellbild bis zu 60 Megapixel. Die Extraktion tastet maximal 512 Pixel pro Kante ab, ignoriert vollständig transparente Pixel und liefert unter Umständen weniger Farben als angefordert. Der Export unterstützt 1 bis 12 undurchsichtige Palettenfarben. Animierte oder mehrseitige Quellen verwenden ihren ersten Einzelbild-Frame.

Das Bild wird automatisch hochgeladen, um seine Palette zu extrahieren, und für den endgültigen Export erneut hochgeladen. Die Farbauswahl und manuelle Palettenbearbeitungen laufen im Browser. Ein Format, das der Browser nicht dekodieren kann, benötigt möglicherweise eine Server-Vorschau. Dieses Tool verwendet konventionelle Farbverarbeitung, keine KI.

Dateien werden auf dem Server verarbeitet. Die Vorschauvorbereitung kann ebenfalls eine Datei hochladen, wenn die Browser-Dekodierung nicht verfügbar ist oder eine Dokumentenvorschau benötigt wird. Server-Downloads stehen deiner Sitzung für bis zu zwei Stunden zur Verfügung.

Für ein Bildergebnis verwende „Weiter“ unter den Download-Ergebnissen, um einen kompatiblen nächsten Schritt zu wählen. Du kannst auswählen, welche Bilder übernommen werden sollen; das nächste Tool startet mit seinen eigenen Einstellungen.

Das Aktualisieren eines Editors oder der Download-Seite führt dich zurück zur Tool-Seite. Lade das Ergebnis herunter, bevor du einen neuen Arbeitsablauf startest. Siehe unsere Datenschutzerklärung zur Dateiverarbeitung.

FAQ

Gut zu wissen.

Ein paar Antworten, bevor du beginnst.

Temporäre Serververarbeitung
Kann ich HEX, RGB und HSL aus einem Bild erhalten?

Ja. Wählen Sie ein Pixel aus und verwenden Sie die Kopierschaltfläche neben dem Wert, den Sie benötigen. Die Auswahl zeigt die Deckkraft an, wenn relevant; undurchsichtige Palettenexporte enthalten RGB-Farben.

Was ist der Unterschied zwischen Dominant und Vibrant?

Dominant betont häufige Bildfarben. Vibrant verleiht farbenfrohen Akzenten mehr Einfluss. Beide sind abgetastete Näherungswerte, und keiner verspricht, automatisch eine bestimmte Markenfarbe zu finden.

Warum liefert eine Anfrage für sechs Farben weniger Farben zurück?

Eine Quelle kann weniger unterschiedliche sichtbare Farben haben. Der Extraktor gibt die verfügbaren Gruppen zurück, anstatt doppelte Farbfelder zu erfinden, um die angeforderte Anzahl zu füllen.

Kann ich eine Farbe behalten, während ich die Palette aktualisiere?

Ja. Wählen Sie deren Farbfeld aus und verwenden Sie Farbe sperren. Sie können auch einen benutzerdefinierten HEX-Wert hinzufügen, die Farbfelder neu anordnen oder Farben vor dem Export entfernen.

Bleibt alles in meinem Browser?

Nein. Die Pixel-Auswahl und Palettenbearbeitungen laufen im Browser, aber die automatische Extraktion und der endgültige Export laden die Quelle auf den Server hoch. Einige Eingabeformate benötigen auch eine vom Server generierte Vorschau.

Werbeanzeigen

Sprache38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Wähle deine Sprache. Video-Tutorials verwenden derzeit englische Kommentare.