Cor → sistema de design
Insira uma cor e gere automaticamente uma paleta, um gradiente e uma verificação de contraste AA/AAA.
Cor → sistema de design — Um pipeline de cores interligado: um HEX flui para um gerador de paletas, cujas cores base e complementares alimentam um verificador de contraste (AA/AAA) e um gerador de gradientes CSS ao mesmo tempo. Escolha uma cor e obtenha todo um sistema de design.
Ferramentas incluídas
Conversor de cores
Converta cores entre HEX, RGB e HSL com uma pré-visualização em tempo real.
Gerador de paleta de cores
Gere tons, matizes e cores harmônicas a partir de uma cor HEX base, cada uma com um valor HEX copiável.
Verificador de contraste de cor
Verifique a relação de contraste WCAG entre uma cor HEX de primeiro plano e uma de fundo e veja se ela passa em AA e AAA para texto normal e grande.
Gerador de gradientes CSS
Crie um gradiente CSS linear, radial ou cônico com paradas de cor personalizadas e um ângulo, visualize o resultado ao vivo e copie a regra background pronta para colar.