Gerador de Paleta Acessível

Gere uma paleta afinada para contraste acessível entre papéis de cor.

Cor

Saída

Ferramentas Sugeridas

Seletor de Cores
Escolha uma cor visualmente e copie HEX, RGB ou HSL para CSS e design.
HEX ↔ RGB
Converta cores entre HEX e RGB para CSS, canvas e handoff de design.
HEX ↔ HSL
Converta cores entre HEX e HSL para ajustar luminosidade e saturação em CSS.

Gerador de Paleta Acessível cria swatches relacionados para fundos, texto e acentos com legibilidade em mente.

Defina uma cor base, execute e copie a paleta para o tema.

Ativa o JavaScript.