60 · 30 · 10 generator

Escolha uma cor de destaque e gere uma paleta harmônica 60-30-10 automaticamente

Harmonia: —
Clique no cadeado para travar uma cor
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.