#333319
Códigos de cor
#333319rgb(51, 51, 25)hsl(60°, 34.21%, 14.9%)hsv(60°, 50.98%, 20%)cmyk(0%, 0%, 50.98%, 80%)xyz(2.72, 3.14, 1.38)lab(20.6, -4.75, 16.45)lch(20.6, 17.12, 106.1°)Códigos de cor
#333319rgb(51, 51, 25)hsl(60°, 34.21%, 14.9%)hsv(60°, 50.98%, 20%)cmyk(0%, 0%, 50.98%, 80%)xyz(2.72, 3.14, 1.38)lab(20.6, -4.75, 16.45)lch(20.6, 17.12, 106.1°)Acessibilidade
12.9:1AA ✓AAA ✓1.63:1AA ✗AAA ✗Um pequeno jabuti xereta
Texto corrido sobre a cor, para avaliar a legibilidade antes de a adotar.
Variações e combinações de cor
Os tons claros misturam a cor com branco puro e os escuros com preto puro. Ambas as escalas são calculadas em passos de 10%, para clarear ou escurecer um tom sem sair dele.
Tons escuros
Tons claros
Harmonias de cor
As harmonias escolhem cores acompanhantes pela posição no círculo cromático. Cada regra cria um ambiente diferente, do contraste forte às misturas suaves entre vizinhas.
Complementar
O matiz diretamente oposto no círculo, a 180°. Contraste máximo: funciona melhor quando uma cor lidera e a outra dá o acento.
Criar gradienteComplementar dividida
A cor base mais as duas vizinhas da sua oposta, a cerca de 30° de cada lado. Mantém o contraste e suaviza o choque.
Criar gradienteTriádica
Três matizes espaçados 120°. Vivo e equilibrado: deixe um dominar e use os outros como acentos.
Criar gradienteAnáloga
Três matizes vizinhos a 30°. Pouco contraste e descansado, ideal para fundos calmos e gradientes.
Criar gradienteMonocromática
Um único matiz em vários níveis de luminosidade. Coerente por construção e o caminho mais seguro para uma interface uniforme.
Criar gradienteTetrádica
Dois pares complementares formando um retângulo no círculo. O esquema mais rico e o que exige mais contenção.
Criar gradiente