Farben
Die Farbpalette von wise.com
wise.com baut seine Seiten auf #ffffff mit Text in #163300 und ohne eine einzelne Akzentfarbe. Die 9 Farben unten wurden auf der Live-Seite gemessen.
vor 4 Tagen auf wise.com gemessen.
Palette
9 Farben| Farben | Rolle | Hex | RGB |
|---|---|---|---|
background | Page background | #ffffff | rgb(255 255 255) |
surface | Cards, panels, raised or recessed surfaces | #ecefeb | rgb(236 239 235) |
surface-2 | Secondary surface | #e2f6d5 | rgb(226 246 213) |
surface-3 | Secondary surface | #d0d6cc | rgb(208 214 204) |
foreground | Primary text | #163300 | rgb(22 51 0) |
primary | Candidate accent (semantic role inferred) | #163300 | rgb(22 51 0) |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) |
secondary | Secondary accent (orange) | #cf2929 | rgb(207 41 41) |
border | Hairlines, dividers, input borders | #e2e2e2 | rgb(226 226 226) |
- Text auf dem Seitenhintergrund
- 13.93:1 · erfüllt WCAG AA
- Text auf dem Akzent
- 13.93:1 · erfüllt WCAG AA
CSS-Variablen
Jede Farbe als Custom Property, benannt nach ihrer Rolle. Der Dark-Block ist da, wenn die Seite ein dunkles Theme hat.
:root {
--color-background: #ffffff;
--color-surface: #ecefeb;
--color-surface-2: #e2f6d5;
--color-surface-3: #d0d6cc;
--color-foreground: #163300;
--color-primary: #163300;
--color-on-primary: #ffffff;
--color-secondary: #cf2929;
--color-border: #e2e2e2;
}Für KI-Agenten
Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.
curl -s https://stylepack.ai/packs/wise.com/DESIGN.mdFragen
Was ist der Hex-Code von wise.com?
Die Akzentfarbe auf wise.com ist #163300; der Seitenhintergrund ist #ffffff und die Haupttextfarbe #163300. Jede ist an der gerenderten Seite gemessen, also das, was Besucher sehen, kein Wert aus einem Styleguide.
Wie nutze ich die Farben von wise.com in Tailwind oder CSS?
Kopiere die CSS-Variablen oder das Tailwind v4 Theme auf dieser Seite, oder lade das Designpaket herunter: Es enthält tokens.json (W3C Design-Tokens), tokens.css und tailwind.css mit denselben Werten.