Online Tool Store
Donkere-modus-paletconverter
Convert a light CSS palette into a coordinated dark palette with presets, contrast guidance, and downloadable CSS in your browser.
🔒 Deze tool werkt volledig in je browser. Je bestanden worden nooit naar een server geüpload.
Begin met een samengestelde palette
Kies een richting en verfijn daarna de variabelen hieronder.
Plak CSS custom properties of name: #hex-paren. Opmerkingen, puntkomma’s en een :root-wrapper worden ondersteund.
Licht voorbeeld
Donker voorbeeld
Zo werkt het
- Kies een voorgestelde palette.
- Plak je CSS-variabelen.
- Controleer het contrast en download de donkere palette.
Conversieformule
Convert hex -> HSL Adjust lightness while preserving hue and saturation Convert HSL back -> hex and report the text/background contrast
FAQ
Conversieformule
De HSL-lichtheid wordt aangepast voor een donkere palette.
Zo werkt het 2
Controleer het contrast en download de donkere palette.
Zo werkt het 3
Controleer het contrast en download de donkere palette.
Zo werkt het 4
Controleer het contrast en download de donkere palette.
Zo werkt het 5
Controleer het contrast en download de donkere palette.
Zo werkt het 6
Controleer het contrast en download de donkere palette.
Zo werkt het 7
Controleer het contrast en download de donkere palette.
Onze vergelijking
| 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 |
Geen account nodig.