UI-Farbschema (hell & dunkel)
CSS-Variablen für helles und dunkles Theme aus einer Markenfarbe – kontrastgeprüft.
| token | Hell | Dunkel |
|---|---|---|
| bg | #fcfbff | #12101a |
| surface | #f3f2fb | #1d1b26 |
| text | #16141e | #eeedf5 |
| muted | #63616e | #a5a2b0 |
| border | #d8d5e4 | #33313c |
| primary | #7e3df0 | #ab89ff |
| on-primary | #ffffff | #12101a |
Läuft komplett in deinem Browser. Nichts wird irgendwohin gesendet.
So funktioniert es
- 1Füge deinen Text ein oder tippe ihn.
- 2Wähle die gewünschten Optionen.
- 3Kopiere das Ergebnis oder lade es herunter.
Über dieses Tool
UI-Farbschema (hell & dunkel): CSS-Variablen für helles und dunkles Theme aus einer Markenfarbe – kontrastgeprüft. Füge deinen Text ein und das Ergebnis erscheint sofort, bereit zum Kopieren oder Herunterladen. Alles passiert lokal im Browser — nichts wird hochgeladen oder gespeichert.
Wie benutze ich UI-Farbschema (hell & dunkel)?
Füge deinen Text ein oder tippe ihn. Wähle die gewünschten Optionen. Kopiere das Ergebnis oder lade es herunter.
Ist UI-Farbschema (hell & dunkel) kostenlos?
Ja. Komplett kostenlos, ohne Anmeldung, ohne Nutzungslimit und ohne Wasserzeichen.
Werden meine Daten an einen Server gesendet?
Nein. Alles wird lokal in deinem Browser berechnet. Nichts, was du eingibst, wird hochgeladen, protokolliert oder gespeichert.
Funktioniert es auf dem Handy?
Ja. Es läuft in jedem modernen Browser auf Android, iPhone, iPad, Windows, Mac und Linux — ohne App.