Farbabstufungen erstellen
Skala 50–950 (wie Tailwind) oder Aufhellungen/Abdunklungen aus einer Farbe.
| Stufe | HEX | OKLCH | Kontrast auf Weiß |
|---|---|---|---|
| 50 | #eff7ff | oklch(97.24% 0.0137 247.97) | 1,08:1 |
| 100 | #daecff | oklch(93.55% 0.0322 249.62) | 1,21:1 |
| 200 | #bedaff | oklch(88% 0.0595 255.47) | 1,43:1 |
| 300 | #99c1ff | oklch(80.51% 0.0984 258.98) | 1,84:1 |
| 400 | #689fff | oklch(70.75% 0.1528 260.85) | 2,63:1 |
| 500 | #397cff | oklch(61.65% 0.207 261.96) | 3,82:1 |
| 600 | #2563eb | oklch(54.61% 0.2152 262.88) | 5,17:1 |
| 700 | #164cc4 | oklch(46.45% 0.1955 262.91) | 7,33:1 |
| 800 | #0e3b9f | oklch(39.51% 0.1691 262.9) | 9,79:1 |
| 900 | #082c7c | oklch(32.92% 0.1415 262.87) | 12,64:1 |
| 950 | #031c57 | oklch(25.52% 0.1111 262.68) | 16,06:1 |
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
Farbabstufungen erstellen: Skala 50–950 (wie Tailwind) oder Aufhellungen/Abdunklungen aus einer Farbe. 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 Farbabstufungen erstellen?
Füge deinen Text ein oder tippe ihn. Wähle die gewünschten Optionen. Kopiere das Ergebnis oder lade es herunter.
Ist Farbabstufungen erstellen 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.