#000000
Dominante
#000000
Secundária
sua cor
#000000
Destaque
60% — Dominante
#000000
rgb(0, 0, 0)
30% — Secundária
#000000
rgb(0, 0, 0)
10% — Destaque (sua cor)
#000000
rgb(0, 0, 0)
60%
A cor dominante ocupa a maior parte do espaço — fundos, áreas neutras, superfícies principais. Costuma ser mais suave ou neutra para não sobrecarregar a composição.
30%
A cor secundária complementa a dominante e cria profundidade. Aparece em elementos de suporte como menus, sidebars, cards e seções de destaque.
10%
A cor de destaque é a sua escolha — a mais vibrante e marcante. Usada em botões, ícones, links e detalhes que precisam chamar atenção.