☀☾
Generador de tema UI (claro y oscuro)
Variables CSS desde un color.
Title
Muted text 5,9:1
Title
Muted text 7,5:1
| token | Claro | Oscuro |
|---|---|---|
| bg | #fcfbff | #12101a |
| surface | #f3f2fb | #1d1b26 |
| text | #16141e | #eeedf5 |
| muted | #63616e | #a5a2b0 |
| border | #d8d5e4 | #33313c |
| primary | #7e3df0 | #ab89ff |
| on-primary | #ffffff | #12101a |
Funciona por completo en tu navegador. No se envía nada a ningún sitio.
Cómo funciona
- 1Pega o escribe tu texto.
- 2Elige las opciones que necesites.
- 3Copia o descarga el resultado.
Sobre esta herramienta
Generador de tema UI (claro y oscuro): Variables CSS desde un color. Pega tu texto y el resultado aparece al momento, listo para copiar o descargar. Todo ocurre en tu navegador: nada se sube ni se guarda.
¿Cómo se usa la herramienta «Generador de tema UI (claro y oscuro)»?
Pega o escribe tu texto. Elige las opciones que necesites. Copia o descarga el resultado.
¿La herramienta «Generador de tema UI (claro y oscuro)» es gratis?
Sí. Es totalmente gratuita, sin registro, sin límites de uso y sin marca de agua.
¿Se envían mis datos a un servidor?
No. Todo se calcula en tu navegador. Nada de lo que introduces se sube, registra ni guarda.
¿Funciona en el móvil?
Sí. Funciona en cualquier navegador moderno en Android, iPhone, iPad, Windows, Mac y Linux, sin apps.