Ferramentas de Cores
Ferramentas essenciais para designers e desenvolvedores que trabalham com cores. Crie belos esquemas de cores, garanta conformidade com acessibilidade WCAG, extraia cores de imagens e converta perfeitamente entre formatos de cor HEX, RGB, HSL e outros.
Digite um código HEX ou RGB e veja o nome da cor mais próxima, com a pontuação de correspondência e cores semelhantes. Use a base padrão do CSS ou a estendida.
Misture de 2 a 5 cores nos modos RGB, HSL ou LAB. Defina proporções, veja o gradiente, clique nas etapas da mistura e copie o resultado em HEX, RGB e HSL.
Veja, busque e copie todos os 242 valores de cores do Tailwind CSS em 22 famílias. Acesso rápido a classes, HEX, RGB e HSL, com favoritos e exportação em CSS.
Gere cores aleatórias com restrições ajustáveis. Escolha predefinições como pastel, vívida ou neon, ou ajuste as faixas de matiz, saturação e luminosidade.
Escolha uma cor base no círculo cromático HSL interativo e veja na hora esquemas harmônicos — complementares, análogas, tríades e mais — e copie qualquer valor HEX com um clique.
Converta cores entre HEX, RGB, HSL, HSV e CMYK na hora, com pré-visualização ao vivo, seletor de cor visual e cópia em um clique para cada formato.
Verifique a razão de contraste entre o texto e o fundo e veja na hora se a combinação atende aos padrões de acessibilidade WCAG AA e AAA.
Veja como suas imagens e cores aparecem para quem tem daltonismo. Teste deuteranopia, protanopia, tritanopia e acromatopsia direto no navegador.
Extraia as cores predominantes de qualquer imagem na hora. Escolha cores direto das fotos, veja os valores HEX, RGB e HSL e exporte paletas para seus projetos de design.
Gere tons claros, escuros e neutros a partir de qualquer cor base. Monte escalas de cor consistentes para design systems com etapas ajustáveis e exporte para CSS, SCSS, Tailwind ou JSON.
Escolha e explore cores com um seletor visual. Veja os valores em HEX, RGB, HSL, HSV e CMYK na hora, com conta-gotas, histórico e favoritos.
Monte paletas de cores harmônicas com regras da teoria das cores ou extraia as cores dominantes de qualquer imagem. Copie como CSS, SCSS, Tailwind, JSON ou PNG.