Tools
Farbpalette einer Website
Gib eine Website-Adresse ein und erhalte ihre Palette: jede Farbe mit ihrer Rolle, als Hex-Codes, CSS-Variablen, Tailwind-Theme oder JSON.
So funktioniert es
Stylepack öffnet die Website in einem echten Browser, misst, was gerendert wird (nicht, was im Stylesheet steht), in vier Breiten und in beiden Themes, und speichert das Ergebnis als Designpaket. Eine bereits gemessene Website antwortet sofort; eine neue braucht unter einer Minute. Jeder Wert auf dieser Seite stammt aus diesem Paket.
Fragen
Wie wird die Palette gemessen?
Die Website wird in einem echten Browser gerendert, und die Farben von Hintergründen, Text, Buttons, Links und Rahmen werden von der Seite gelesen, gruppiert und nach Rolle benannt (background, foreground, primary, border und so weiter). Der Akzent ist die Farbe ihrer primären Buttons und Links.
Sind die Farben des Dark Mode enthalten?
Wenn die Website ein dunkles Theme hat, wird es ebenfalls gemessen, und das CSS enthält einen Dark-Block mit den passenden Werten.
Bekomme ich die Palette auch für Tailwind oder Figma?
Das Ergebnis bietet Hex-Codes, CSS-Variablen, ein Tailwind v4 Theme und JSON. Das Designpaket enthält zusätzlich tokens.json im W3C-Format für Design-Tokens, das Style Dictionary und Figma-Plugins lesen.