Tool · Farbe · Free

Farbsystem-Generator.

Wähle eine Hauptfarbe — der Generator baut eine komplette 11-stufige Palette (50–950) drumherum, prüft jede Stufe auf WCAG-AA-Kontrast und gibt dir das Ergebnis als CSS-Variables, Tailwind-Config oder JSON zum Mitnehmen. Designer-Brot, in 2 Sekunden gemacht.

WCAG-Kontrast.

Welche Stufen kannst du als Text auf welchem Hintergrund verwenden? AA = barrierefrei für normalen Text (4.5:1), AA Large = für 18pt+ Text (3:1).

Stufe Hex auf Schwarz auf Weiß

Export.


        


        

            

                Brand-Palette für deine Marke?
                
Ich entwickle das komplette Farbsystem.

                

                    Primary, Secondary, Akzent, neutrale Greys + Light-/Dark-Mode-Mappings + WCAG-Compliance + Token-File für Figma & Code. Inklusive Anwendungsbeispielen.
                

                Zur CI-Entwicklung →