Color Studio

Construa paletas de cores harmoniosas a partir de uma roda de cores interativa — aplique regras de harmonia como análoga, complementar ou tríade, e copie qualquer valor instantaneamente.

Misture uma cor inicial com uma cor final em até 10 passos — pré-visualize o gradiente, obtenha cada tom e copie qualquer formato instantaneamente.

Gere uma gama completa de tintes e tons a partir de uma única cor — escolha o passo de escurecimento/clareamento e o número de tons, depois copie qualquer valor instantaneamente.

Extraia uma paleta refinada e pronta a copiar de qualquer imagem.

Converta cores entre HEX, RGB, RGBA, HSL, HSLA e HSV — escolha uma cor, ajuste o alfa e copie qualquer formato instantaneamente.

Encontre a cor CSS nomeada mais próxima e o tom Tailwind mais próximo de qualquer cor — correspondência percetual, com valores prontos a copiar.

Amostre qualquer píxel do seu ecrã com o conta-gotas, ou escolha cores de uma imagem largada, e reúna-as numa paleta pronta a copiar.

Extraia um gradiente bonito de qualquer fotografia — largue uma imagem, escolha um mood e as cores dominantes tornam-se pontos de gradiente arrastáveis. Copie CSS pronto a colar instantaneamente.

Construa gradientes CSS lineares, radiais e cónicos de raiz com controlo de múltiplos pontos arrastáveis e predefinições selecionadas. Copie CSS pronto a colar instantaneamente.

Cole ou importe um conjunto de cores e exporte-as instantaneamente para variáveis CSS, SCSS, configuração Tailwind, JSON ou amostras SVG — o passo final para qualquer paleta.

Verifique o rácio de contraste WCAG entre uma cor de texto e de fundo — veja as classificações de aprovação/reprovação AA/AAA para texto normal, texto grande e componentes de interface, com pré-visualização em direto e sugestões de cores acessíveis.

Veja a sua imagem ou paleta como as pessoas com protanopia, deuteranopia, tritanopia ou acromatopsia a veem — corre inteiramente no seu browser, nada é enviado.