Monte a paleta certa, tom a tom.
Um editor de cores que roda no seu navegador, com prévia, contraste e simulação de daltonismo. E artigos simples para você escolher cor com segurança.
O que o editor faz por você
- Prévia em peças de verdade
- Veja a paleta num site, num post e num cartaz, e troque qual cor vira fundo, texto e destaque.
- Contraste e daltonismo
- Descubra quais pares de cores passam nos níveis AA e AAA da WCAG e como a paleta aparece para quem tem daltonismo.
- Harmonias a partir de uma cor
- Complementar, análoga, tríade, complementar dividida e monocromática. Trave as cores que você já escolheu e gere o resto.
- Link, arquivo e imagem
- As cores vão no endereço da página para compartilhar. Exporte em CSS, JSON, listas HEX, RGB e HSL, ou baixe uma imagem PNG.
Aprenda por tema
Ver todos os artigos- Teoria das cores na práticaRoda de cores, matiz, harmonias e proporção, explicados com exemplos que você aplica na hora.9 artigos
- Como montar paletas para cada usoDo site ao slide, do gráfico ao logo: como escolher, combinar e testar as cores de cada projeto.9 artigos
- Cor e acessibilidadeContraste, daltonismo e leitura: como fazer cores que todo mundo consegue ver e usar.9 artigos
- Cor em marca, web e redesCor de marca, de botão, de feed e de código: decisões de cor para quem publica online.9 artigos
- Cor em casa, moda e artesanatoParedes, roupas, linhas e papéis: como escolher e combinar cores no mundo físico.9 artigos
Para começar a ler
AA ou AAA: qual contraste buscar
AA pede 4,5:1 no texto comum e AAA pede 7:1. Veja a diferença, quando vale subir o nível e como ajustar uma cor cinza para passar.
Cores em ambientes pequenos
Como usar cor em cozinha, sala ou quarto pequenos: tons claros, repetição de cores, contraste com cuidado e teste de amostra com a luz do lugar.
Amostra de tinta: por que a cor muda
Por que a tinta fica diferente da amostra na parede: luz, cor ao redor, tamanho da área e secagem. Veja como testar certo antes de pintar o cômodo todo.
Baixa visão e cor: o que ajuda a ler
Contraste acima do mínimo, texto que amplia, cores que o leitor pode trocar: veja o que a WCAG diz sobre baixa visão e como aplicar na sua peça.
Cores para capas e banners
Como escolher cores para banner e capa de rede social: contraste do texto, fundo liso ou foto, área segura e um passo a passo para evitar letras ilegíveis.
Como combinar cores na roupa
Um método simples para combinar cores de roupa: comece por uma base neutra, use a roda de cores como guia e repita uma cor entre as peças.
Como a gente trabalha
Os textos são escritos para quem não é designer, e cada afirmação com fato tem fonte no fim da página. Quando a ciência não sustenta uma ideia popular sobre cor, a gente diz isso. Leia a política editorial e a metodologia e fontes.