Ferramentas de Cor
Gere, analise e exporte paletas para seus projetos.
Seletor de cores de imagens
Selecione cores diretamente de qualquer imagem e leia na hora os valores HEX, RGB e HSL, com pré-visualização ao vivo e código pronto para copiar no navegador.
Extrair cores de imagem
Extraia automaticamente as cores principais de uma foto e obtenha uma paleta limpa com códigos HEX e RGB, pronta para copiar ou exportar para seus projetos.
Gerador de paleta a partir de imagem
Gere uma paleta completa e harmoniosa a partir de uma imagem, com códigos HEX e RGB editáveis e exportáveis para web, UI e design gráfico em poucos instantes.
Cores dominantes
Analise qualquer imagem e identifique as cores dominantes com percentuais de presença e códigos HEX e RGB precisos, prontos para reutilizar nos seus designs.
Cores similares
Parta de uma cor HEX ou RGB e descubra dezenas de tons similares e variações próximas, com pré-visualização imediata e códigos prontos para paletas coerentes.
Converter Cor
Converta na hora uma cor entre os formatos HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB, com valores precisos e pré-visualização ao vivo pronta para copiar no navegador.
Contraste de cor WCAG
Verifique a razão de contraste entre duas cores e a conformidade WCAG AA e AAA para texto e UI, com pontuação imediata e sugestões práticas de acessibilidade.
Exportar Paleta
Exporte sua paleta nos formatos CSS, SCSS, JSON e ASE com um clique e integre logo os códigos de cor em projetos web, no Figma e em ferramentas de design.
Pré-visualização de cor
Veja em pré-visualização como seus tons HEX e RGB aparecem numa interface real, testando texto, fundos e componentes antes de aplicá-los ao seu projeto.
Baixar cores
Baixe sua paleta como imagem PNG com códigos HEX bem legíveis, ideal para compartilhar esquemas de cores, apresentações e moodboards com a sua equipe.
Compartilhar cores
Compartilhe sua paleta com um link único que preserva todos os códigos HEX e RGB, para que colegas e clientes abram o mesmo esquema de cores num instante.
Harmonias de cores
Explore harmonias complementares, triádicas, análogas e tetrádicas a partir de uma cor base, com pré-visualização da roda e códigos HEX prontos por esquema.
Gerador de gradiente CSS
Crie gradientes CSS lineares, radiais e cônicos ajustando pontos e ângulos, com pré-visualização ao vivo e código CSS pronto para copiar na sua folha de estilo.
Gradiente mesh
Componha belos gradientes mesh multicoloridos com pontos ajustáveis e transições suaves, com pré-visualização ao vivo e código CSS pronto para fundos modernos.
Gradiente animado CSS
Gere fundos com gradientes animados em CSS puro controlando cores, velocidade e direção, com pré-visualização ao vivo e código pronto para colar no seu site.
Simulador de daltonismo
Simule como a sua paleta aparece para quem tem protanopia, deuteranopia e tritanopia e corrija os tons críticos para um design realmente acessível a todos.
Legibilidade de texto
Teste a legibilidade do texto com diferentes combinações de cor de texto e fundo, medindo o contraste WCAG para garantir leitura clara em qualquer tela.
Analisador WCAG
Analise toda a paleta quanto à conformidade WCAG AA e AAA, identificando os pares de cores com contraste insuficiente e sugerindo correções acessíveis.
Glassmorfismo CSS
Gere efeitos de glassmorfismo com vidro fosco e desfoque ajustável, com pré-visualização ao vivo e código CSS pronto para cards, menus e interfaces modernas.
Neumorfismo CSS
Crie efeitos neumórficos suaves em estilo soft UI com sombras claras e escuras ajustáveis, com pré-visualização ao vivo e código CSS pronto para botões e cards.
Sombras coloridas CSS
Gere elegantes sombras coloridas em CSS com cor, desfoque e deslocamento ajustáveis, com pré-visualização ao vivo e código box-shadow pronto para dar volume.
Efeito duotone
Aplique um efeito duotone de duas cores às suas imagens escolhendo tons para sombras e luzes, com pré-visualização ao vivo e download pronto para social e design.
Filtro de cor de imagem
Aplique filtros de cor, tons e ajustes de matiz às suas imagens com pré-visualização ao vivo, criando atmosferas coerentes antes de baixar o resultado final.
Mood board de cores
Crie mood boards visuais combinando sua paleta com tons e combinações, para reunir inspiração e apresentar esquemas de cores coerentes para a sua equipe.
Misturador de cores
Misture e combine duas ou mais cores ajustando as proporções e obtenha o tom resultante com código HEX e RGB, com pré-visualização ao vivo pronta para copiar.
Tons e sombras
Gere uma escala completa de tons mais claros e sombras mais escuras a partir de uma cor, com códigos HEX prontos para paletas graduadas e sistemas de design.
Paleta aleatória
Gere paletas aleatórias harmoniosas com um clique para encontrar inspiração criativa, travando os tons favoritos e obtendo códigos HEX prontos para exportar.
Paleta por palavra-chave
Descreva um tema ou emoção com uma palavra-chave e gere uma paleta coerente com essa atmosfera, com códigos HEX prontos para usar nos seus próprios projetos.
Paleta Tailwind
Gere escalas de cor completas de 50 a 950 prontas para a configuração do Tailwind CSS, a partir de um tom base, com códigos prontos para colar no seu config.
Variáveis CSS
Exporte sua paleta como variáveis CSS com propriedades personalizadas prontas para colar, gerenciando as cores de forma centralizada em temas e componentes.
Tema shadcn/ui
Gere um tema completo para shadcn/ui com variáveis de cor para os modos claro e escuro, prontas para colar no seu CSS e ter componentes coerentes e acessíveis.
Variáveis SCSS
Exporte sua paleta como variáveis SCSS e Sass reutilizáveis, prontas para importar nas suas folhas de estilo e gerenciar as cores de forma organizada e escalável.
Temperatura de cor
Analise a temperatura das suas cores distinguindo tons quentes e frios com valores mensuráveis, para equilibrar a paleta e criar a atmosfera visual desejada.
Humor da cor
Explore as emoções e a psicologia associadas a cada cor para escolher tons que comunicam a mensagem certa em branding, UI e projetos criativos e visuais.
Cores de marca
Pesquise uma marca no catálogo, consulte as cores registadas e copie rapidamente os códigos HEX disponíveis.
Tendências de cores
Descubra as cores e paletas em tendência do momento para inspirar seus projetos, com esquemas selecionados e códigos HEX prontos para web, UI e design gráfico.
Mapa de gradiente
Aplique um mapa de gradiente às imagens remapeando os tons para uma gradação de cores à sua escolha, com pré-visualização ao vivo e download do resultado final.
Sobreposição de cor
Adicione uma sobreposição de cor às suas imagens com tom e opacidade ajustáveis, com pré-visualização ao vivo para unificar a atmosfera visual do seu projeto.
Paleta monocromática
Crie esquemas de cores monocromáticos a partir de um único tom com variações de luminosidade e saturação, com códigos HEX prontos para designs limpos e elegantes.
Esquema complementar
Gere esquemas complementares com pares de cores opostas na roda cromática para contrastes vívidos e equilibrados, com códigos HEX prontos para os seus projetos.
Pré-visualização UI
Teste sua paleta em mockups de componentes UI reais como botões, cards e menus, para avaliar combinações e contraste antes de aplicá-los ao seu projeto final.
Pré-visualização social
Veja sua paleta em mockups realistas de posts para redes sociais, verificando combinações e legibilidade antes de publicar os seus próprios conteúdos visuais.