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.

ÍconesVisualize sua paleta aplicada a ícones multicoloridos do Lucide e Heroicons.

Tema DaisyUIGere temas DaisyUI completos a partir de qualquer cor base.

Tailwind CSSCrie e visualize escalas de cores Tailwind CSS.

Shadcn UIPré-visualize sua paleta mapeada em tokens de design shadcn/ui.

Material 3Veja sua paleta como tokens de cor dinâmicos do Material Design 3.

BootstrapPré-visualize sua paleta com estilos de componentes Bootstrap 5.

Mockup de AppPré-visualize suas cores em um mockup realista de aplicativo móvel.

PadrõesPré-visualize sua paleta em designs de padrões geométricos e abstratos.

ModelosPré-visualize sua paleta aplicada em layouts de modelos SVG.

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

Gerador de logoTestar cores em logo e ícone

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.

ÍconesVisualize sua paleta aplicada a ícones multicoloridos do Lucide e Heroicons.

Tema DaisyUIGere temas DaisyUI completos a partir de qualquer cor base.

Tailwind CSSCrie e visualize escalas de cores Tailwind CSS.

Shadcn UIPré-visualize sua paleta mapeada em tokens de design shadcn/ui.

Material 3Veja sua paleta como tokens de cor dinâmicos do Material Design 3.

BootstrapPré-visualize sua paleta com estilos de componentes Bootstrap 5.

Mockup de AppPré-visualize suas cores em um mockup realista de aplicativo móvel.

PadrõesPré-visualize sua paleta em designs de padrões geométricos e abstratos.

ModelosPré-visualize sua paleta aplicada em layouts de modelos SVG.

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

Gerador de logoTestar cores em logo e ícone

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 Ícones Tema DaisyUI Tailwind CSS Shadcn UI Material 3 Bootstrap Mockup de App Padrões Modelos

Mais ferramentas

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

Recursos

Jurídico

Termos Privacidade Cookies

© 2026 Qolor. Todos os direitos reservados.

Termos Privacidade Cookies

#5F0314

Rosewood · Red

Inspiration Textures Patterns Vectors Palettes Gradients Codes Details

Inspiration

+5 em breve

Surfaces & Textures

+1 em breve

Patterns

+9 em breve

Vector Elements

Icon Set

Abstract Shapes

Geometric

Rings

Line Art

Emblem

Harmonias de cor

#5F0314

#035F4E

complementary2 colors

#4E035F

#5F0342

#5F0314

#5F2003

#5F4E03

analogous5 colors

#5F0314

#145F03

#03145F

triadic3 colors

#5F0314

#035F20

#03425F

split complementary3 colors

#5F0314

#5F4E03

#035F4E

#03145F

tetradic4 colors

#5F0314

#425F03

#035F4E

#20035F

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

Conversões de cor

Details

Verificador de contraste

Aaon Branco

13.91:1Excelente

AAAA LgAAAAAA Lg

Aaon Preto

1.51:1Reprovado

AAAA LgAAAAAA Lg

Abrir verificador de contraste

Simulação de daltonismo

Protanopia#232014

Deuteranopia#393311

Tritanopia#69000B

Acromatopsia#2C2C2C

Abrir simulação de daltonismo

Variações

Tons claros

#732629

#874040

#995A58

#AC7472

#BD8F8C

#CEAAA8

#DFC6C4

#EFE2E1

Sombras

#550712

#4B0A11

#410C0F

#380C0D

#2E0D0A

#260B08

#1E0805

#130403

Tons

#65181E

#6B2829

#703535

#744240

#784E4D

#7B5B59

#7D6766

#7F7473

Cores relacionadas

Currant

Burgundy

Aubergine

Cayenne

Claret

Wine

Barn Red

Maroon