CSS-Variablen-Generator
Componha uma lista de cores nomeadas e obtenha instantaneamente o bloco :root { --nom: valeur; } de variáveis CSS (custom properties) correspondente. Processamento 100% local no seu navegador — nada é enviado a um servidor.
So funktioniert es
As variáveis CSS (também chamadas de "custom properties") centralizam as cores de um guia de estilo em um único lugar, o que evita repetir o mesmo código hexadecimal em dezenas de arquivos e facilita uma futura mudança de tema (inclusive um modo escuro). Adicione ou remova linhas, ajuste cada cor, e o bloco :root é atualizado em tempo real, pronto para colar no topo da sua folha de estilo principal.
Os nomes de variáveis inválidos são corrigidos automaticamente?
Sim: espaços e caracteres não permitidos são substituídos por hifens, e o nome é convertido para minúsculas para respeitar a convenção usual do CSS. Se duas variáveis acabarem com o mesmo nome, um sufixo numérico é adicionado automaticamente para evitar conflitos.
Kann ich als Wert etwas anderes als Farben verwenden?
Sim, o campo "Valor" aceita qualquer valor CSS válido (um tamanho em rem, uma fonte, um gradiente...), embora o seletor de cor ao lado continue sendo prático para compor uma paleta rapidamente.
Privacidade: a paleta que você compõe fica inteiramente no seu navegador; nada é enviado nem armazenado em um servidor.