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

Tailwind CSS Visualizer

See your Tailwind colors applied to real UI cards

Despesas

$18,247

JanFevMarAbrMaiJun

3×4

Blog

Dicas de produtividade para a vida na estrada

Trabalho

O kit definitivo do nômade digital

Viagem

Design em equipes multifuncionais

Design

3×4

Mia Chen

Designer de produto

128

Posts

42

Projetos

2.1k

Seguidores

3×4

Escolha um plano

Hobby

Para projetos pessoais

$0 / mês

Pro

Para profissionais e freelancers

$12 / mês

Equipe

Colaboração e ferramentas avançadas

$29 / mês

3×4

Renda

$21,430

$19,115 ant.

3×1

Despesas

$14,782

$12,390 ant.

3×1

Poupança

$6,648

$6,725 ant.

3×1

Cards Website Apps Components