Online Tool Store
Convertisseur de palettes pour mode sombre
Convert a light CSS palette into a coordinated dark palette with presets, contrast guidance, and downloadable CSS in your browser.
🔒 Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés sur un serveur.
Commencer avec une palette sélectionnée
Choisissez une direction, puis ajustez les variables ci-dessous.
Collez des propriétés CSS ou des paires name: #hex. Les commentaires, points-virgules et conteneurs :root sont acceptés.
Aperçu clair
Aperçu sombre
Fonctionnement
- Choisissez une palette proposée.
- Collez vos variables CSS.
- Vérifiez le contraste et téléchargez la palette sombre.
Formule de conversion
Convert hex -> HSL Adjust lightness while preserving hue and saturation Convert HSL back -> hex and report the text/background contrast
FAQ
Formule de conversion
La luminosité HSL est ajustée pour créer une palette sombre.
Fonctionnement 2
Vérifiez le contraste et téléchargez la palette sombre.
Fonctionnement 3
Vérifiez le contraste et téléchargez la palette sombre.
Fonctionnement 4
Vérifiez le contraste et téléchargez la palette sombre.
Fonctionnement 5
Vérifiez le contraste et téléchargez la palette sombre.
Fonctionnement 6
Vérifiez le contraste et téléchargez la palette sombre.
Fonctionnement 7
Vérifiez le contraste et téléchargez la palette sombre.
Notre comparaison
| 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 |
Aucun compte requis.