Imagem e Design

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.

Adicione borda branca, colorida ou transparente ao redor da foto sem cortar nada. Defina o tamanho da tela, deixe a imagem quadrada e exporte ícones, logos e miniaturas.