CoresPesquisar cores por nome

PaletasPaletas de cores curadas para seu próximo projeto.

Criar paletaCrie paletas personalizadas — escolha cores, adicione tags e compartilhe.

Paletas a partir de corSugestões instantâneas de paletas a partir de uma cor base.

Harmonia de coresExplore harmonias complementares, triádicas e outras.

Da ImagemObter cores de uma foto

VisualizadorPré-visualize sua paleta em mockups de design reais.

ComponentesPré-visualize elementos UI atômicos como botões, inputs e badges com sua paleta.

GráficosVeja sua paleta aplicada em gráficos de barras, linhas e rosca.

CabeçalhosExplore cada combinação de cor de fundo e texto para tipografia.

LogosTeste combinações de cores da marca para logos e logotipos.

Seletor de CoresEscolher e converter cores

Verificador de ContrasteTestes de acessibilidade WCAG

Sim. DaltonismoTestar deficiência visual de cores

ConversorConverta cores entre HEX, RGB, HSL, CMYK e mais.

Gerador de DegradêsCriar degradês CSS

Minhas paletasSalve, organize e atribua tokens de framework às suas paletas.

Selecionar idioma

Ferramentas

CoresPesquisar cores por nome

PaletasPaletas de cores curadas para seu próximo projeto.

Criar paletaCrie paletas personalizadas — escolha cores, adicione tags e compartilhe.

Paletas a partir de corSugestões instantâneas de paletas a partir de uma cor base.

Harmonia de coresExplore harmonias complementares, triádicas e outras.

Da ImagemObter cores de uma foto

VisualizadorPré-visualize sua paleta em mockups de design reais.

ComponentesPré-visualize elementos UI atômicos como botões, inputs e badges com sua paleta.

GráficosVeja sua paleta aplicada em gráficos de barras, linhas e rosca.

CabeçalhosExplore cada combinação de cor de fundo e texto para tipografia.

LogosTeste combinações de cores da marca para logos e logotipos.

Seletor de CoresEscolher e converter cores

Verificador de ContrasteTestes de acessibilidade WCAG

Sim. DaltonismoTestar deficiência visual de cores

ConversorConverta cores entre HEX, RGB, HSL, CMYK e mais.

Gerador de DegradêsCriar degradês CSS

Minhas paletasSalve, organize e atribua tokens de framework às suas paletas.

Ferramentas de cores avançadas para designers e desenvolvedores. Todo o processamento acontece no seu navegador.

Escolha uma cor

Crie uma paleta

Criar paleta Paletas a partir de cor Harmonia de cores Da Imagem

Veja em ação

Visualizador Componentes Gráficos Cabeçalhos Logos

Mais ferramentas

Seletor de Cores Verificador de Contraste Sim. Daltonismo Conversor Gerador de Degradês Minhas paletas

Recursos

Jurídico

Termos Privacidade Cookies

© 2026 Qolor. Todos os direitos reservados.

Termos Privacidade Cookies

#EED8A0

Vanilla · Orange

Conversões de cor

Simulação de daltonismo

Protanopia#E5D69C

Deuteranopia#EADCA2

Tritanopia#FACFC9

Acromatopsia#DADADA

Abrir simulação de daltonismo

Verificador de contraste

Aaon Branco

1.40:1Reprovado

AAAA LgAAAAAA Lg

Aaon Preto

14.97:1Excelente

AAAA LgAAAAAA Lg

Abrir verificador de contraste

Tons claros

#F0DCAA

#F3E0B5

#F5E5BF

#F7E9CA

#F9EDD4

#FBF2DF

#FCF6EA

#FEFBF4

Sombras

#D1BD8D

#B4A37A

#988A68

#7D7256

#635A45

#4A4435

#332F25

#1D1B16

Tons

#E2CE9D

#D5C499

#C9BA96

#BDB092

#B0A68F

#A49C8B

#989387

#8C8984

Harmonias de cor

complementary

#EED8A0

#A0B6EE

analogous

#EEA0B6

#EEB1A0

#EED8A0

#DDEEA0

#B6EEA0

triadic

#EED8A0

#A0EED8

#D8A0EE

split complementary

#EED8A0

#A0DDEE

#B1A0EE

tetradic

#EED8A0

#B6EEA0

#A0B6EE

#D8A0EE

square

#EED8A0

#A0EEB1

#A0B6EE

#EEA0DD

Cores relacionadas

Wheat

Papaya

Moccasin

Wheat Field

Navajowhite

Birch

Sunset

Caramel