collected.tools.
AppDesign

Realtime Colors

Farben und Schriften an einer echten Website testen

Worum es geht

Realtime Colors zeigt eine gewählte Farbpalette und Schriftkombination sofort auf einer Beispiel-Website statt auf abstrakten Farbfeldern. Man legt fünf Rollen fest, von Text über Hintergrund bis Akzent, prüft den Kontrast nach AA und AAA und schaltet zwischen hellem und dunklem Modus um. Das Ergebnis lässt sich als CSS, SCSS oder Tailwind-Konfiguration exportieren, ein Figma-Plugin gibt es ebenfalls.

Warum es aufgenommen wurde
  • Live-Vorschau auf einer kompletten Beispielseite
  • Kontrastprüfung nach AA und AAA
  • Export als CSS, SCSS und Tailwind

Verwandte Einträge