Cores e Design
Cores, paletas, contraste, gradientes, sombras e SVG para quem cria interfaces.
Seletor de Cores
Escolha uma cor no quadro de saturação e brilho e copie em HEX, RGB, HSL ou HSV.
HEX para RGB
Converta códigos HEX em RGB e RGBA, com validação e cópia em um clique.
RGB para HEX
Digite os canais R, G e B (0 a 255) e copie o código HEX correspondente.
HEX para HSL
Converta HEX em HSL com a precisão que quiser, pronto para colar no CSS.
Conversor de Cores
Converta uma cor entre HEX, RGB, HSL e OKLCH, com prévia e razão de contraste.
Gerador de Paleta de Cores
Gere paletas análogas, complementares, triádicas e tetrádicas e exporte em HEX, RGB ou CSS.
Extrair Cores de Imagem
Descubra as cores dominantes de uma foto ou logotipo, com HEX e proporção de cada uma.
Gerador de Gradiente CSS
Monte gradientes lineares, radiais e cônicos num editor visual e copie o CSS.
Verificador de Contraste
Calcule a razão de contraste entre texto e fundo e veja se atende aos níveis AA e AAA da WCAG.
Gerador de Box Shadow
Ajuste deslocamento, desfoque, propagação, cor e opacidade da sombra e copie o box-shadow.
Gerador de Border Radius
Arredonde cada canto separadamente, em px ou %, e copie o border-radius mais curto.
Gerador de Favicon
Converta uma imagem em favicon.ico, PNGs de 16, 32 e 180 px e o código para o <head>.
SVG para PNG
Converta um ou vários SVGs em PNG no tamanho que quiser, com fundo transparente.
PNG para SVG
Vetorize logotipos, ícones e ilustrações: transforme PNG ou JPG em SVG escalável.
Minificar SVG
Reduza o tamanho de SVGs removendo comentários, metadados e dados de editores, sem mudar o desenho.
Visualizador de SVG
Abra um SVG, amplie, inspecione os elementos e edite o código com prévia ao vivo.