Cor

Cor

Fundamentos da teoria da cor para quem não é designer

5 min de leitura

Não precisas de uma escola de arte para escolher bem as cores. Seis ideias explicam quase todas as decisões de cor, e cada uma aprende-se em poucos minutos.

Cor

Como usar um círculo cromático para escolher uma paleta

5 min de leitura

O círculo cromático é a ferramenta mais antiga da cor e continua a ser a mais útil. Eis como ler um, porque é que o círculo do pintor e o do ecrã discordam e como o transformar numa paleta.

Cor

Cores complementares: contraste que continua equilibrado

5 min de leitura

As cores opostas dão o contraste mais forte que a cor pode oferecer, e o caminho mais rápido para um design que vibra ou para um que grita. A diferença está na proporção e na luminosidade.

Cor

Cores análogas: o caminho mais fácil para uma paleta calma

5 min de leitura

Escolhe três vizinhas no círculo cromático e quase não podes errar. A arte está em dar-lhes contraste suficiente para continuarem interessantes e em saber quando quebrar a calma.

Cor

Cores triádicas e paletas complementares divididas, explicadas

5 min de leitura

Três cores equidistantes podem tornar uma paleta ousada e equilibrada ao mesmo tempo, ou parecida com uma caixa de brinquedos. A diferença está quase toda em qual das cores lidera.

Cor

Esquema de cores monocromático: um matiz, uma identidade inteira

5 min de leitura

Um só matiz parece limitador até veres quanta amplitude cabe nele. Bem construída, uma única cor pode cobrir fundos, texto, botões e gradientes, e parecer mais distinta do que um arco-íris.

Cor

Como escolher as cores da marca: um método passo a passo

6 min de leitura

As cores de uma marca escolhem-se, não se encontram. Um método claro leva-te de uma página em branco a uma paleta distintiva, legível e ainda certa daqui a dois anos.

Cor

Psicologia das cores: o que é real e o que é mito

6 min de leitura

As tabelas que dizem que o vermelho dá fome e o azul dá confiança estão por todo o lado, e são quase sempre simples demais para serem úteis. Eis um relato mais honesto do que a cor faz e de como a usar bem.

Cor

Significado das cores em várias culturas: um guia cuidadoso

6 min de leitura

O branco pode significar um casamento ou um funeral. O vermelho pode significar perigo ou boa sorte. Se os teus designs viajam, eis o que as cores principais transmitem em lugares diferentes e como verificar antes de lançar.

Cor

Gradientes roxos: paletas, códigos e como os usar

5 min de leitura

O roxo é uma das cores de gradiente mais usadas na web, o que o torna uma escolha segura e também uma em que é fácil perder-se. Eis paletas que parecem pensadas, com os códigos para as usares.

Cor

Gradientes azuis: 20 paletas do gelo à meia-noite

5 min de leitura

O azul é a cor mais segura do design, e é por isso mesmo que tantos gradientes azuis parecem iguais. Eis vinte que não parecem, do mais claro ao mais escuro, com os códigos e o raciocínio por trás deles.

Cor

Gradientes rosa com ar moderno, sem serem enjoativos

5 min de leitura

O rosa pode parecer uma loja de doces ou uma revista de moda. A diferença raramente está no rosa em si; está no que pões ao lado dele. Aqui tens paletas, combinações e códigos para um rosa atual.

Cor

Gradientes pôr do sol: paletas de laranja, coral e crepúsculo

5 min de leitura

A maioria dos gradientes de pôr do sol falha no mesmo sítio: o meio, onde o azul encontra o laranja e fica cinzento. Um céu real nunca faz isso. Aqui tens a ordem que a natureza usa e dez paletas construídas sobre ela.

Cor

Gradientes verdes: frescos, profundos e elétricos

5 min de leitura

O verde pode ser uma manhã de primavera, um clube privado ou um cartaz de festa. Aqui ficam gradientes verdes para cada um, com códigos, e uma saída do cliché do verde-folha.

Cor

Gradientes pretos: como desenhar com quase-preto

7 min de leitura

O preto puro é um buraco no ecrã. Os gradientes pretos que parecem caros são feitos de quase-pretos com um pouco de cor lá dentro e uma luz que se move.

Cor

Gradientes vermelhos: energia sem soar o alarme

6 min de leitura

O vermelho chama a atenção mais depressa do que qualquer outra cor, e é exatamente por isso que corre mal. Como construir gradientes vermelhos que parecem vivos, quentes e confiantes em vez de ruidosos.

Cor

Gradientes arco-íris que não parecem uma predefinição

5 min de leitura

O arco-íris predefinido tem uma risca amarela ofuscante e um buraco azul-escuro. Corrige a luminosidade, escolhe o teu arco e o espectro torna-se uma das ferramentas mais alegres que tens.

Cor

Contraste de cor: texto legível para todos

6 min de leitura

O contraste é a diferença entre palavras que as pessoas leem e palavras que saltam. Os números das WCAG em linguagem simples, como os verificar e o que muda quando o fundo é um gradiente.

Cor

Códigos de cor hexadecimais, RGB, HSL e OKLCH explicados

6 min de leitura

#7c3aed, rgb(124 58 237), hsl(262 83% 58%) e oklch(54.1% 0.247 293) são o mesmo violeta. Eis o que cada notação diz realmente e quando cada uma se justifica.

Cor

Paleta de cores a partir de uma imagem: como a tirar de uma foto

5 min de leitura

Um conta-gotas dá-te um píxel. Uma paleta precisa das cores de que te lembras da imagem, nas proporções certas. Eis como passar de um para o outro.

Cor

A regra 60 30 10: proporção de cor para designs e marcas

5 min de leitura

A maioria das paletas falha na proporção, não na escolha. Três números dizem-te quanto usar de cada cor e funcionam tão bem num ecrã de telemóvel como nas salas de estar de onde vieram.

Cor

Cores quentes e frias: usar a temperatura com intenção

6 min de leitura

Todas as cores têm temperatura, incluindo os teus cinzentos e brancos. Aprende a lê-la e podes fazer um design parecer mais próximo, mais calmo ou mais luminoso sem mudar um único tom.