☀☾
Gerador de tema UI (claro e escuro)
Variáveis CSS a partir de uma cor.
Title
Muted text 5,9:1
Title
Muted text 7,5:1
| token | Claro | Escuro |
|---|---|---|
| bg | #fcfbff | #12101a |
| surface | #f3f2fb | #1d1b26 |
| text | #16141e | #eeedf5 |
| muted | #63616e | #a5a2b0 |
| border | #d8d5e4 | #33313c |
| primary | #7e3df0 | #ab89ff |
| on-primary | #ffffff | #12101a |
Funciona inteiramente no seu navegador. Nada é enviado a lugar nenhum.
Como funciona
- 1Cole ou digite seu texto.
- 2Escolha as opções necessárias.
- 3Copie ou baixe o resultado.
Sobre esta ferramenta
Gerador de tema UI (claro e escuro): Variáveis CSS a partir de uma cor. Cole seu texto e o resultado aparece na hora, pronto para copiar ou baixar. Tudo acontece no navegador — nada é enviado ou armazenado.
Como usar a ferramenta “Gerador de tema UI (claro e escuro)”?
Cole ou digite seu texto. Escolha as opções necessárias. Copie ou baixe o resultado.
A ferramenta “Gerador de tema UI (claro e escuro)” é grátis?
Sim. É totalmente gratuita, sem cadastro, sem limites de uso e sem marca d’água.
Meus dados são enviados a um servidor?
Não. Tudo é calculado localmente no navegador. Nada do que você digita é enviado, registrado ou armazenado.
Funciona no celular?
Sim. Funciona em qualquer navegador moderno no Android, iPhone, iPad, Windows, Mac e Linux — sem app.