Farbpalette aus einem Bild.
Leg ein Foto, Logo oder einen Screenshot ab und erhalte die Hauptfarben als Palette, die häufigste zuerst, bereit zum Kopieren als HEX-Codes oder CSS-Variablen.
Bild hier ablegen
or
PNG, JPG, WebP, GIF, SVG
Läuft in deinem Browser. Dein Bild verlässt nie dein Gerät.
Kostenloses Tool, keine Gewähr, keine Haftung. Das Ergebnis wird automatisch von einem kostenlosen Tool von transjt.ai erzeugt, mehr nicht. Es kann unvollständig oder falsch sein. transjt.ai übernimmt keine Gewähr und keine Haftung für Entscheidungen oder Änderungen, die darauf beruhen; prüfe jedes Ergebnis, bevor du es verwendest.
Farbpalette aus einem Bild in drei Schritten.
- 01
Bild ablegen
Ein Foto, ein Logo, ein Moodboard oder ein Screenshot einer Website.
- 02
Anzahl der Farben festlegen
Von 3 bis 10; die Palette aktualisiert sich sofort.
- 03
Palette kopieren
Eine Farbe, die HEX-Liste oder CSS-Variablen für dein Stylesheet.
Probier es mit deinem Build aus.
Gestalte deine Website heute, geh morgen live.
Kostenlos startenDemo buchen
Nein. Das Bild wird in deinem Browser gelesen, auf deinem Gerät. Es erreicht nie einen Server, also bleiben Screenshots unveröffentlichter Designs privat.
Das Tool fasst ähnliche Pixel zu Gruppen zusammen und nimmt die Durchschnittsfarbe jeder Gruppe, die größten Gruppen zuerst. Jede Farbe zeigt ihren Anteil am Bild.
Für ein Foto reichen meist fünf oder sechs; Logos und flache Grafiken brauchen weniger. Transparente Bereiche werden ausgelassen.
Kopiere die HEX-Liste, um sie in Figma-Styles oder -Variablen einzufügen, oder kopiere die CSS-Variablen (--color-1 und so weiter) in dein Stylesheet.
Ja, ohne Registrierung und ohne Limits.
Verwandte Tools.
- KomplementärfarbenDie Gegenfarbe und vier weitere Schemata, auf dem Farbkreis.
- Farbwähler aus BildKlicke auf einen beliebigen Punkt eines Bildes für seinen HEX- und RGB-Wert.
- RGB zu HEXRot-, Grün- und Blauwerte als HEX-Code, schon beim Tippen.
- HEX zu RGBEin HEX-Code als Rot-, Grün- und Blauwerte, schon beim Tippen.
- CMYK zu RGBDruckwerte als Bildschirmfarben, mit dem HEX-Code.
- Farbkontrast-CheckerPrüfe Text- und Hintergrundfarben nach WCAG AA und AAA.
- Alle Farb-ToolsHEX-, RGB- und CMYK-Codes, Komplementärfarben, ein Farbwähler und Paletten aus Bildern.
- Alle kostenlosen ToolsKleine Tools für die Aufgaben rund um eine Website: Bilder, Farben, Größen und Fonts, Alt-Texte, Prompts für KI-Builder und ein Check, ob KI-Agenten deine Website nutzen können. Die Konverter laufen in deinem Browser, es wird also nichts hochgeladen.
Gestalte deine Website heute, geh morgen live.
Bei transjt zählt jede Sekunde. Deshalb ist unsere Mission einfach: dir Zeit sparen und Reibung aus deinem Workflow nehmen.