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

Gerador CSS border-radius com controle por canto, unidades px/rem/em/% e propriedades abreviadas ou detalhadas. Preview ao vivo e código CSS pronto para colar.

Criador CSS Clip-path

Gerador visual de CSS clip-path: arraste pontos, importe e edite um clip-path existente, copie CSS com prefixo -webkit-. Polígono, círculo, elipse, inset.

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 Pro

Seletor de cores pro com harmonias, tons, matizes, gradientes, HEX/RGB/HSL/CMYK e razões de contraste WCAG ao vivo com selos AA/AAA.

Gerador Flexbox

Gerador visual de CSS Flexbox com visualização ao vivo. Ajuste justify-content, align-items, gap e order e copie CSS pronto (flex shorthand) mais o HTML.

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 com saída rem/px, custom properties e type scale estilo Utopia. Preview ao vivo e checagem de zoom WCAG 1.4.4.

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 box-shadow com preview ao vivo: múltiplas camadas, inset, RGBA. Copie como CSS, classe Tailwind ou React/JSX. Presets Material e neumorfismo.

Conversor de Cores

Converta cores HEX, RGB, HSL e CMYK com prévia ao vivo, mais um verificador de contraste WCAG 2.1 para texto acessível AA/AAA e design atento ao daltonismo.

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 de gradiente CSS com interpolação perceptual OKLCH, contraste WCAG e exportação Tailwind v4, SVG e token de design. Prévia ao vivo, código pronto.

Gerador de Harmonia de Cores

Gere paletas complementares, análogas, triádicas, tetrádicas, complementares divididas e monocromáticas a partir de qualquer HEX, com a razão de contraste WCAG por amostra.

Gerador de Paleta de Cores

Gerador de paleta de cores com auditoria de contraste WCAG integrada. Crie harmonias ou extraia de imagens e exporte design tokens para CSS, SCSS, JSON no Tailwind e Figma.

Gerador de Tons de Cores

Crie rampas de cor uniformes a partir de qualquer HEX. 4-16 tons e matizes com verificação de contraste WCAG (AA/AAA) ao vivo. Exporte CSS, JSON, Tailwind.

Misturador de Cores

Misture duas cores HEX em OKLab perceptual para pontos médios vivos, crie uma rampa de 3-10 passos e copie como linear-gradient CSS ou lista HEX.

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 Kelvin (1000K–40000K) para HEX, RGB, HSL e mired, com calculadora de gel CTO/CTB para balanço de branco, LED vídeo 5600K e tungstênio 3200K.

Verificador de Contraste de Cores

Verificador gratuito de contraste WCAG 2.1 e APCA. Teste texto e fundo para acessibilidade AA/AAA com veredito por tamanho para cumprir ADA e Section 508.

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

Ajuste brilho, contraste, saturação e matiz do vídeo no navegador. Presets quente, frio, vibrante, vintage e noir, escala de cinza, inverter, exporte MP4/WebM sem upload.