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
Questions fréquentes
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.