Online Tool Store
Convertitore di palette per modalità scura
Convert a light CSS palette into a coordinated dark palette with presets, contrast guidance, and downloadable CSS in your browser.
🔒 Questo strumento funziona interamente nel tuo browser. I tuoi file non vengono mai caricati su un server.
Inizia con una palette curata
Scegli una direzione, poi modifica le variabili qui sotto.
Incolla proprietà CSS o coppie name: #hex. Sono supportati commenti, punti e virgola e un contenitore :root.
Anteprima chiara
Anteprima scura
Come funziona
- Scegli una palette proposta.
- Incolla le variabili CSS.
- Controlla il contrasto e scarica la palette scura.
Formula di conversione
Convert hex -> HSL Adjust lightness while preserving hue and saturation Convert HSL back -> hex and report the text/background contrast
FAQ
Formula di conversione
La luminosità HSL viene regolata per creare una palette scura.
Come funziona 2
Controlla il contrasto e scarica la palette scura.
Come funziona 3
Controlla il contrasto e scarica la palette scura.
Come funziona 4
Controlla il contrasto e scarica la palette scura.
Come funziona 5
Controlla il contrasto e scarica la palette scura.
Come funziona 6
Controlla il contrasto e scarica la palette scura.
Come funziona 7
Controlla il contrasto e scarica la palette scura.
Il confronto
| 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 |
Non serve un account.