Variáveis CSS a partir de uma Paleta de Cores
Uma paleta consistente é a base de qualquer sistema de design. Nosso seletor gera esquemas complementares, análogos, triádicos e monocromáticos como CSS Custom Properties.
Preferências de cookies
Usamos cookies para análises. Política de Privacidade Você pode aceitar ou recusar rastreamento não essencial.
Gere paletas CSS harmoniosas a partir de uma cor base: complementar, análoga, triádica e monocromática.
> Conversão de cores: HEX / RGB / HSL / CMYK. Harmonias, WCAG.
Uma paleta consistente é a base de qualquer sistema de design. Nosso seletor gera esquemas complementares, análogos, triádicos e monocromáticos como CSS Custom Properties.
Defina em :root { --primary: #1A73E8; } e referencie com var(--primary). Isso faz a mudança de paleta ser em um único arquivo.
Explore abaixo os cenários mais comuns para Seletor de cores. Cada página é uma calculadora dedicada com exemplos resolvidos e casos-limite.
Escolha cores visualmente e obtenha instantaneamente os códigos HEX para HTML, CSS, SVG e design web.
Selecionar Cor HEXConverta valores RGB para códigos HEX instantaneamente. Digite R, G, B (0-255) e obtenha o #RRGGBB equivalente.
Converter RGB para HEXGere paletas CSS harmoniosas a partir de uma cor base: complementar, análoga, triádica e monocromática.
Gerar PaletaVerifique as relações de contraste para WCAG 2.1 AA e AAA. Teste combinações de texto e fundo para legibilidade.
Verificar Contraste