Matiz (hue)

O atributo que define a posição da cor no espectro: vermelho, azul, verde.

Hard

O que é

Matiz é a propriedade da cor que separa uma família de cor de outra. Quando alguém diz que uma cor é vermelha, azul ou verde, está falando justamente de matiz. No digital, ela é um dos três componentes do modelo HSL, que reúne matiz, saturação e luminosidade, e que ajuda a definir e manipular cor de forma sistemática.

Pra quem desenha produto, o matiz pesa na percepção e na interação. O azul costuma sugerir confiança, enquanto o vermelho costuma carregar urgência ou alerta. Por isso escolher o matiz certo afeta diretamente como a pessoa lê a interface.

A acessibilidade está colada nisso. Parte das pessoas tem dificuldade de distinguir certos matizes, como vermelho e verde, e quando o significado depende só do matiz, a informação crítica se perde. Um produto acessível combina o matiz com ícone, texto ou padrão, pra que o sentido nunca dependa só da cor.

Em uma frase

Esses dois matizes brigam, vamos abrir um pouco a distância entre eles na paleta.

A pergunta que ele responde

Qual a diferença entre matiz, saturação e luminosidade quando eu monto uma paleta?

Quando usar

Ajuda ao montar paleta, marcar estado ou separar categoria de informação por cor.

Como não usar

O cuidado é não apostar só no matiz pra passar significado, porque quem tem daltonismo perde a mensagem que depende de vermelho contra verde.

Na prática

Pense num dashboard. O time usa matizes diferentes pra separar as categorias, mas adiciona um ícone em cada uma, justamente pra quem não distingue bem as cores não ficar sem a informação.

Não confunda com

Vale separar matiz de saturação e de luminosidade. O matiz é qual cor é, ou seja, a posição dela no espectro, enquanto a saturação diz quão intensa ela é e a luminosidade diz quão clara ou escura ela está.

D

Em inglês

Hue

Pronúncia

riú

Também chamado de

matiz, hue, tom

Origem

n/a

Fonte

Saiba mais

Interaction Design Foundation, artigo sobre teoria da cor