Ferramentas para Design e Cores
55 utilitários gratuitos. Paletas, contraste, CSS, imagem.
Cores
Seletor de cores
Picker visual
Conversor HEX → RGB
#abc → rgb(...)
Conversor RGB → HEX
rgb → #
Conversor HEX → HSL
# → hsl(...)
Conversor HSL → HEX
hsl → #
Gerador de paleta de cores
Mono/análoga/complementar
Gerador de gradiente CSS
linear/radial gradient
Verificador de contraste WCAG
AA/AAA contrast
Simulador de daltonismo
Protanopia/deutera/tritan
Extrator de cor de imagem
Cores dominantes
Gerador de tons de uma cor
Shades/tints
Gerador de cor complementar
Roda de cor
Gerador de escala de cinza
Greyscale palette
Gerador de tema claro/escuro
Paleta light/dark
Gerador de variáveis CSS de cores
--cor-* CSS vars
Imagens
Conversor JPG → PNG
Canvas conversion
Conversor PNG → JPG
Canvas conversion
Conversor PNG → WebP
Canvas conversion
Conversor WebP → PNG
Canvas conversion
Conversor JPG → WebP
Canvas conversion
Redimensionador de imagem
Redimensiona local
Compressor de imagem
Reduz qualidade
Cortador de imagem
Crop visual
Rotacionador de imagem
90/180/270°
Espelhador de imagem
Horizontal/vertical
Conversor imagem → Base64
Data URI
Conversor Base64 → imagem
Data URI → arquivo
Gerador de favicon
favicon multi-tamanho
Gerador de ícone para app
Tamanhos iOS/Android
Gerador de placeholder image
SVG placeholder
Gerador de avatar simples
Avatar com iniciais
Removedor de metadados EXIF
Remove EXIF local
Calculadora de proporção de imagem
Aspect ratio
Calculadora de resolução
PPI/DPI
Conversor de DPI
DPI converter
Gerador de imagem Open Graph
OG image 1200×630
Gerador de banner LinkedIn
1584×396
Gerador de thumbnail YouTube
1280×720
Gerador de capa para post
Template editável
Gerador de mockup simples
Browser/device mockup
CSS
Gerador de box-shadow
CSS box-shadow visual
Gerador de border-radius
Border-radius visual
Gerador de CSS grid
grid-template-* visual
Gerador de flexbox
Flex visual
Gerador de botão CSS
Botão estilizado
Gerador de card CSS
Card estilizado
Gerador de loading spinner
Spinner CSS
Gerador de skeleton loading
Skeleton CSS
Gerador de animação CSS
@keyframes visual
Gerador de media queries
Por breakpoint
Gerador de clamp font-size
fluid typography
Calculadora REM → PX
Conversão
Calculadora PX → REM
Conversão
Calculadora de viewport units
vw/vh em px
Gerador de Tailwind config básico
tailwind.config.js