Artigos sobre cor
Cada artigo responde a uma pergunta que você faria numa busca. Filtre por tema ou digite uma palavra.
45 artigos
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.
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.
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 escolher a cor de uma marca
Um roteiro em cinco passos para escolher as cores da marca: público, concorrentes, cor principal, apoio e teste de leitura, com exemplo de estúdio de yoga.
Como escolher as cores de uma sala
Um passo a passo para escolher as cores da sala de estar: comece pelo que já existe, teste com a luz do lugar e distribua as cores em proporção.
Como montar a paleta de cores de um site
Passo a passo para escolher as cores de um site: base, texto, cor de ação e apoio, com testes de contraste que evitam retrabalho.
Como testar uma paleta antes de usar
Roteiro de seis testes simples para saber se uma paleta funciona: contraste, escala de cinza, daltonismo, telas diferentes, uso real e olhar de outra pessoa.
Contraste de valor, matiz e saturação
Conheça os tipos de contraste de cor, veja qual deles faz o texto ficar legível e aprenda a testar o contraste de valor com um truque simples.
Contraste em botões, ícones e campos
Botões, ícones, bordas de campos e foco do teclado precisam de 3:1 de contraste na WCAG 2.1. Veja o que medir, o que é isento e como corrigir.
Contraste em texto grande e texto pequeno
O texto grande aceita contraste de 3:1 no AA e 4,5:1 no AAA. Veja o que a WCAG considera grande, em pontos e pixels, e como não errar o tamanho.
Contraste WCAG: o que é e como medir
Entenda a razão de contraste da WCAG, os números que valem (4,5:1, 3:1, 7:1) e como medir duas cores em HEX em poucos passos.
Cor do botão: o que realmente importa
Não existe cor de botão que converta mais em qualquer site. Veja o que pesa de verdade: contraste, hierarquia, texto legível e teste no seu caso.
Cores análogas: combinações calmas
Veja o que são cores análogas, como achá-las na roda e como montar uma paleta harmônica sem deixar o resultado sem graça.
Cores complementares: quando e como usar
Saiba o que são cores complementares, como achar o par de cada cor e como usá-las sem cansar o olho, com passo a passo e erros a evitar.
Cores de quarto: o que combina
Como escolher as cores para pintar o quarto: parta da luz, da cama e do que você já tem, e teste a amostra antes. Sem promessas, só critérios práticos.
Cores de roupa e tom de pele
Como pensar em subtom e contraste para escolher cores de roupa, sem regras rígidas: testes simples em frente ao espelho e o que muda com a luz.
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.
Cores em CSS: HEX, RGB e HSL
Como escrever cores em CSS com HEX, RGB e HSL, com a mesma cor nos três formatos, transparência e dicas para ajustar tons sem errar.
Cores neutras: como escolher e combinar
O que são cores neutras, como escolher um bege, cinza ou marrom que combine com a sua paleta e quais tons usar para fundo, texto e linhas.
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.
Cores para festa e papelaria
Como montar uma paleta de cores para festa e convite: escolha de 3 a 5 cores, contraste do texto, prova impressa e diferença entre tela e papel.
Cores para gráficos que se leem bem
Como escolher cores para gráficos: poucas categorias, degradês por claridade, cinza para o que é contexto e pistas que não dependem só da cor.
Cores primárias: RYB, RGB e CMYK
Entenda a diferença entre RGB, CMYK e RYB, quando usar cada um e por que a cor da tela muda quando vai para a gráfica.
Cores quentes e frias: o que muda
Entenda a diferença entre cores quentes e frias, como elas parecem avançar ou recuar numa imagem e como equilibrar as duas numa paleta.
Daltonismo: tipos e efeito nas cores
Conheça os tipos de daltonismo, quais cores cada um confunde e o que muda na hora de montar uma paleta que funcione para todo mundo.
Identidade visual básica: cores, fonte e logo
O que é identidade visual e como montar a sua com poucas peças: logo, cores, fonte e regras de uso, num guia de uma página para pequeno negócio.
Luz da lâmpada e cor dos objetos
Lâmpada quente ou fria: o que significam Kelvin e IRC, como a luz muda a cor de paredes e objetos e como escolher a lâmpada de cada cômodo.
Matiz, saturação e luminosidade explicados
Entenda as três características que descrevem qualquer cor e veja como ajustar cada uma para criar variações da mesma cor sem errar a mão.
Modo escuro: cuidados com o contraste
No modo escuro valem os mesmos mínimos da WCAG. Veja como medir texto, bordas e cores vivas sobre fundo escuro e respeitar a preferência do sistema.
Montar uma paleta a partir de uma foto
Como tirar cores de uma foto e transformá-las em uma paleta que funciona: o que escolher, o que ajustar e como testar a leitura do texto.
Não use só a cor para passar informação
A WCAG pede que a cor nunca seja o único sinal. Veja exemplos em links, formulários e gráficos, e como corrigir com texto, ícone, sublinhado ou padrão.
O que a ciência diz da psicologia das cores
A psicologia das cores funciona? O que dois estudos abertos mostram: associações parecidas entre países, efeitos pequenos e dependentes do contexto.
Paleta de cores para o feed do Instagram
Como montar uma paleta de 4 a 5 cores para o feed do Instagram: cor de fundo, de destaque e de texto, com exemplo de perfil de artesã e teste de leitura.
Paleta de cores para o logo do seu negócio
Como escolher as cores do logo de um pequeno negócio: poucas cores, versões para fundo claro e escuro e testes simples antes de mandar imprimir.
Paleta de cores para slides e apresentações
Como escolher cores para slides que se leem de longe: fundo, texto, destaque, contraste mínimo e cuidados com projetor e com quem não vê todas as cores.
Paleta para crochê, bordado e artesanato
Como combinar cores de linha, lã e tecido em crochê e bordado: escolha de 3 a 5 cores, valor claro e escuro, teste em foto preto e branco e amostra real.
Paleta para modo claro e modo escuro
Como criar duas versões da mesma paleta, uma clara e uma escura, com os mesmos papéis de cor, contraste conferido e o código que faz o site trocar sozinho.
Quando e como mudar as cores da marca
Sinais de que é hora de mudar as cores da marca, o que mudar primeiro e como fazer a transição aos poucos, sem perder quem já conhece você.
Quantas cores usar em uma paleta
Quantas cores cabem em um design: uma conta simples com neutros, cor principal e destaque, mais o que muda em gráficos e quando passar do limite.
Regra 60-30-10: proporção entre cores
Aprenda a regra 60-30-10 para dividir as cores de uma paleta: o que cada parte faz, exemplos práticos e quando é melhor quebrar a regra.
Roda de cores: como ler e usar
Aprenda a ler a roda de cores e a usá-la para escolher combinações: complementares, análogas e tríades, com um passo a passo simples.
Tokens de cor: nomear para não se perder
O que são design tokens de cor, por que dar nome ao papel da cor (e não ao tom) e como organizar em dois níveis, com exemplo em CSS e em JSON.
Tríade e complementar dividida na prática
Como montar uma paleta tríade e uma complementar dividida: o que são, como achar as cores na roda e como equilibrar as proporções.
Vermelho e verde: avisos sem confusão
Erro em vermelho e sucesso em verde confundem quem tem daltonismo. Veja como montar avisos com texto, ícone e brilho diferente para todos entenderem.
Nenhum artigo encontrado. Tente outra palavra ou escolha “Todos os temas”.