Ferramentas de Cor

Ferramentas de cor online. Seletor, conversor (HEX, RGB, HSL), gerador de paletas e mais—para designers e desenvolvedores web.

31 ferramentas disponíveis

Ferramentas de Cor 20

Gerador Border Radius

Gere CSS border-radius para cantos arredondados e formas blob orgânicas. Modos simples, avançado e blob com 12 presets. Preview ao vivo, copie CSS.

Criador CSS Clip-path

Gerador visual de CSS clip-path com pontos arrastáveis. Polígonos, círculos, elipses, insets, 12 presets. Visualização ao vivo, exportação CSS instantânea.

Gerador Glassmorphism

Crie efeitos modernos de vidro fosco com backdrop-filter CSS. Ajuste blur, transparência, bordas. 6 presets, preview ao vivo, copie código pronto.

Seletor de cores profissional com recursos avançados: harmonias de cores (complementares, análogas, triádicas), gerador de tons e matizes, criador de gradientes, salvar cores e visualização em tempo real. Perfeito para designers, desenvolvedores e artistas.

Gerador Flexbox

Gerador e playground de CSS Flexbox gratuito. Aprenda flexbox visualmente com visualização ao vivo. Ajuste propriedades de container e items, exporte código CSS.

Animação CSS

Crie animações CSS @keyframes visualmente. 11 presets, prévia ao vivo, tabela de keyframes editável, transform + opacidade + cor, copia CSS pronto.

Calculadora clamp()

Calculadora CSS clamp() grátis para tipografia fluida e tamanhos responsivos. Defina viewport e tamanho min/max, obtenha clamp() pronto para colar com preview ao vivo.

Editor Cubic Bezier

Editor visual de cubic-bezier para animações CSS. Arraste os pontos de controle, veja a animação ao vivo e copie o valor cubic-bezier() pronto para usar.

Gerador de Sombras

Gerador gratuito de CSS box-shadow. Crie sombras bonitas com visualização ao vivo. Ajuste blur, spread, offset, opacidade, múltiplas camadas. Copie código CSS pronto para usar.

Conversor de Cores

Conversor de cores online gratuito. Converta entre formatos HEX, RGB, HSL e CMYK. Seletor de cores com visualização ao vivo. Perfeito para desenvolvedores web e designers.

Gerador Pares Modo Escuro

Cole uma paleta HEX de modo claro e obtenha as cores de modo escuro correspondentes via inversão de luminosidade OKLCH. Verificações WCAG e exportação CSS.

Gerador de Gradiente

Gerador gratuito de gradiente CSS. Crie belos gradientes lineares e radiais com múltiplas cores. Visualização ao vivo, exportar código CSS, gradientes predefinidos. Perfeito para web designers e desenvolvedores.

Gerador de Harmonia de Cores

Gere harmonias complementares, análogas, triádicas, tetrádicas, complementares divididas e quadradas a partir de qualquer HEX. Exporte Tailwind, CSS ou PNG.

Gerador de Paleta de Cores

Gerador gratuito de paleta de cores. Crie esquemas de cores harmoniosos manualmente ou extraia paletas de imagens. Exporte para CSS, SCSS, JSON. Perfeito para designers e desenvolvedores.

Gerador de Tons de Cores

Gere rampas de cor perceptualmente uniformes a partir de qualquer HEX, OKLCH ou HSL. 5-16 tons, matizes, pares dark mode. Exporte CSS, JSON, Tailwind.

Misturador de Cores

Misture duas cores HEX, RGB ou HSL e veja cada passo intermediário. Suporte para mistura em RGB linear, LAB e OKLCH para gradientes perceptualmente corretos.

Seletor de Cores de Imagem

Selecione cores de imagens com precisão pixel perfeita. Obtenha valores HEX, RGB, HSL e HSV instantaneamente. Seletor de cores online gratuito para designers e desenvolvedores.

Simulador de Daltonismo

Simule 9 tipos de deficiência de visão cromática em imagens ou paletas. Teste protanopia, deuteranopia, tritanopia, acromatopsia. Compare lado a lado.

Temperatura de Cor

Converta temperatura de cor em Kelvin (1000K–40000K) para HEX, RGB e HSL com rótulo quente, neutro ou frio. Ideal para iluminação, fotografia e color grading.

Verificador de Contraste de Cores

Verificador gratuito de contraste de cores WCAG. Teste combinações de cores de primeiro plano e plano de fundo para conformidade de acessibilidade AA/AAA. Suporta tamanhos de texto normal e grande.

Conversores de Unidades 8

Conversores de Cor 8

cmyk para rgb

Converta valores de cor CMYK para RGB instantaneamente com visualização ao vivo. Ferramenta gratuita online de conversão CMYK para RGB.

hex para rgb

Converta códigos de cor hexadecimal para valores RGB instantaneamente com visualização ao vivo. Ferramenta gratuita online de conversão Hex para RGB.

hsl para rgb

Converta valores de cor HSL para RGB instantaneamente com visualização ao vivo. Ferramenta gratuita online de conversão HSL para RGB.

hsv para rgb

Converta valores de cor HSV para RGB instantaneamente com visualização ao vivo. Ferramenta gratuita online de conversão HSV para RGB.

rgb para cmyk

Converta valores de cor RGB para CMYK instantaneamente com visualização ao vivo. Ferramenta gratuita online de conversão RGB para CMYK para design de impressão.

rgb para hex

Converta valores de cor RGB para códigos de cor hexadecimal instantaneamente com visualização ao vivo. Ferramenta gratuita online de conversão RGB para Hex.

rgb para hsl

Converta valores de cor RGB para HSL instantaneamente com visualização ao vivo. Ferramenta gratuita online de conversão RGB para HSL.

rgb para hsv

Converta valores de cor RGB para HSV instantaneamente com visualização ao vivo. Ferramenta gratuita online de conversão RGB para HSV.

Ferramentas para Desenvolvedores 1

Utilitários 1

Especificidade CSS

Calcule a especificidade CSS de qualquer seletor. Decomposição colorida, comparação múltipla, suporta :is, :not, :has, :where conforme W3C.

Ferramentas de Imagem 1

Extrator de cores dominantes

Extrator de cores dominantes grátis. Obtenha 1-16 cores predominantes de qualquer imagem com median-cut. Exporte HEX, RGB, variáveis CSS e JSON.

Ferramentas de Vídeo 1

Filtro de Cor de Vídeo

Aplique filtros cinematográficos, vintage, P&B, sépia, quentes ou frios em MP4, WebM ou MOV. Ajuste intensidade, pré-visualize ao vivo e exporte sem fazer upload.