Online Tool Store
Dark-Mode-Palettenkonverter
Convert a light CSS palette into a coordinated dark palette with presets, contrast guidance, and downloadable CSS in your browser.
🔒 Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden niemals an einen Server hochgeladen.
Mit einer kuratierten Palette starten
Wähle eine Richtung und passe danach die Variablen an.
Füge CSS Custom Properties oder name: #hex-Paare ein. Kommentare, Semikolons und ein :root-Wrapper werden unterstützt.
Helle Vorschau
Dunkle Vorschau
So funktioniert es
- Wähle eine vorgeschlagene Palette.
- Füge CSS-Variablen ein.
- Prüfe den Kontrast und lade die dunkle Palette herunter.
Konvertierungsformel
Convert hex -> HSL Adjust lightness while preserving hue and saturation Convert HSL back -> hex and report the text/background contrast
FAQ
Konvertierungsformel
Die HSL-Helligkeit wird angepasst, um eine dunkle Palette zu erzeugen.
So funktioniert es 2
Prüfe den Kontrast und lade die dunkle Palette herunter.
So funktioniert es 3
Prüfe den Kontrast und lade die dunkle Palette herunter.
So funktioniert es 4
Prüfe den Kontrast und lade die dunkle Palette herunter.
So funktioniert es 5
Prüfe den Kontrast und lade die dunkle Palette herunter.
So funktioniert es 6
Prüfe den Kontrast und lade die dunkle Palette herunter.
So funktioniert es 7
Prüfe den Kontrast und lade die dunkle Palette herunter.
Unser Vergleich
| Feature | Online Tool Store | Manual conversion | Design plugins |
|---|---|---|---|
| Curated starting palettes | ✓ | ✗ | Varies |
| Whole palette converted at once | ✓ | One color at a time | ✓ |
| Browser-only workflow | ✓ | ✓ | Requires a design tool |
Kein Konto erforderlich.