Online Tool Store
Convertidor de paletas para modo oscuro
Convert a light CSS palette into a coordinated dark palette with presets, contrast guidance, and downloadable CSS in your browser.
🔒 Esta herramienta funciona totalmente en tu navegador. Tus archivos nunca se suben a un servidor.
Empieza con una paleta seleccionada
Elige una dirección y ajusta las variables de abajo.
Pega propiedades CSS o pares name: #hex. Se admiten comentarios, punto y coma y un contenedor :root.
Vista previa clara
Vista previa oscura
Cómo funciona
- Elige una paleta sugerida.
- Pega tus variables CSS.
- Comprueba el contraste y descarga la paleta oscura.
Fórmula de conversión
Convert hex -> HSL Adjust lightness while preserving hue and saturation Convert HSL back -> hex and report the text/background contrast
FAQ
Fórmula de conversión
Se ajusta la luminosidad HSL para crear una paleta oscura.
Cómo funciona 2
Comprueba el contraste y descarga la paleta oscura.
Cómo funciona 3
Comprueba el contraste y descarga la paleta oscura.
Cómo funciona 4
Comprueba el contraste y descarga la paleta oscura.
Cómo funciona 5
Comprueba el contraste y descarga la paleta oscura.
Cómo funciona 6
Comprueba el contraste y descarga la paleta oscura.
Cómo funciona 7
Comprueba el contraste y descarga la paleta oscura.
Cómo comparamos
| 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 |
No requiere cuenta.