HueOdysseyGenerator für semantische Farbpaletten
Beschreibe die Website oder Benutzeroberfläche, die du gestaltest. Erhalte eine lokale semantische Palette und verfeinere, prüfe und exportiere sie anschließend im Editor.
Sieben semantische Rollen WCAG-Kontrastprüfung CSS, Tailwind und PNG
Beginne mit einer Richtung. Halte die Rollen klar.
Kuratierte Ausgangspunkte für die Stilrichtungen, nach denen Menschen bereits suchen.
01
Luxus
Dezente Luxusmarke für ein Boutique-Hotel
02Minimalistisch
Minimalistisches Produktstudio mit Editorial-Charakter
03Pastell
Zeitgemäße Lifestyle-Marke in Pastelltönen
04Cyberpunk
Cyberpunk-Oberfläche für ein Mehrspieler-Spiel
05Vintage
Vintage-Verpackung für eine Bäckerei im Viertel
06Retro
Optimistisches Technikmagazin im Retro-Stil
Für die Oberfläche, die du gerade gestaltest.
Hintergrund#F9F7F6
Fläche#FFFFFF
Text#171817
Primärfarbe#C17633
Akzentfarbe#409FE7
Gedämpft#796D63
Farbmathematik gehört in den Browser.
Keine KI, keine Uploads und kein Konto erforderlich.
Farbpalette aus Bild erstellen
Extrahiere 5, 7 oder 10 dominante Farben direkt im Browser aus einem Bild. Die Datei verlässt dein Gerät nicht.
Werkzeug öffnenFarbkontrast prüfen
Prüfe den WCAG-Kontrast für normalen und großen Text und finde die nächstgelegene Textfarbe, die AA erfüllt.
Werkzeug öffnenCSS-Farbverlauf erstellen
Erstelle lineare oder radiale CSS-Verläufe mit editierbaren Farbpunkten und Winkeln.
Werkzeug öffnenFarben mischen
Mische zwei Farben prozentgenau und prüfe das Ergebnis als HEX, RGB und HSL.
Werkzeug öffnenFarbabstufungen erstellen
Erzeuge aus einem HEX-Wert eine elfstufige Farbskala nach dem Muster von Tailwind.
Werkzeug öffnenFarben umrechnen
Wandle eine Farbe auf einer Seite zwischen HEX, RGB, HSL, HSV und OKLCH um.
Werkzeug öffnenBeliebte Farben