Editor de paletas de cores
Mexa nas cores e veja o resultado na hora. Tudo roda no seu navegador: nada que você cria é enviado para nós.
Clique numa faixa para editar a cor. Arraste as faixas ou use Alt + setas para trocar de lugar.
Cor selecionada
Matiz é a cor em si (vermelho, verde, azul…). Saturação é a força da cor, de cinza a viva. Luminosidade vai do escuro ao claro.
Gerar a partir de uma cor base
A cor base é a cor selecionada. Cores travadas não mudam.
Duas cores opostas no círculo de cores. Contraste máximo.
As cores ficam no endereço, depois do #. Quem abrir o link vê a mesma paleta. Nada é enviado a servidor.
Prévia ao vivo
Veja a paleta aplicada em três peças. Escolha qual cor vira fundo, texto e destaque.
Acessibilidade das cores
Contraste entre texto e fundo (WCAG)
Cada linha é a cor do texto; cada coluna, a cor do fundo. AA pede 4,5 para texto normal e 3 para texto grande. AAA pede 7 e 4,5.
Como pessoas com daltonismo veem a paleta
Simulação das três formas mais estudadas. Se duas cores ficam quase iguais numa linha, não dependa só delas para diferenciar informação.
Fonte das matrizes: Machado, Oliveira e Fernandes (2009), "A Physiologically-based Model for Simulation of Color Vision Deficiency", IEEE Transactions on Visualization and Computer Graphics 15(6), severidade 1,0. Simulação aproximada; cada pessoa vê de um jeito.
Exportar
Minhas paletas
Ficam salvas só neste navegador. Se você limpar os dados do navegador, elas somem; por isso copie o link das importantes.