f ferramentasfácil

Ferramentas para Design e Cores

55 utilitários gratuitos. Paletas, contraste, CSS, imagem.

📦 55 ferramentas ✅ 55 já funcionando 🆕 Em expansão constante
Mostrando todas as 55 ferramentas

Cores

Seletor de cores
Picker visual
Design e Cores · Cores
Conversor HEX → RGB
#abc → rgb(...)
Design e Cores · Cores
Conversor RGB → HEX
rgb → #
Design e Cores · Cores
Conversor HEX → HSL
# → hsl(...)
Design e Cores · Cores
Conversor HSL → HEX
hsl → #
Design e Cores · Cores
Gerador de paleta de cores
Mono/análoga/complementar
Design e Cores · Cores
Gerador de gradiente CSS
linear/radial gradient
Design e Cores · Cores
Verificador de contraste WCAG
AA/AAA contrast
Design e Cores · Cores
Simulador de daltonismo
Protanopia/deutera/tritan
Design e Cores · Cores
Extrator de cor de imagem
Cores dominantes
Design e Cores · Cores
Gerador de tons de uma cor
Shades/tints
Design e Cores · Cores
Gerador de cor complementar
Roda de cor
Design e Cores · Cores
Gerador de escala de cinza
Greyscale palette
Design e Cores · Cores
Gerador de tema claro/escuro
Paleta light/dark
Design e Cores · Cores
Gerador de variáveis CSS de cores
--cor-* CSS vars
Design e Cores · Cores

Imagens

Conversor JPG → PNG
Canvas conversion
Design e Cores · Imagens
Conversor PNG → JPG
Canvas conversion
Design e Cores · Imagens
Conversor PNG → WebP
Canvas conversion
Design e Cores · Imagens
Conversor WebP → PNG
Canvas conversion
Design e Cores · Imagens
Conversor JPG → WebP
Canvas conversion
Design e Cores · Imagens
Redimensionador de imagem
Redimensiona local
Design e Cores · Imagens
Compressor de imagem
Reduz qualidade
Design e Cores · Imagens
Cortador de imagem
Crop visual
Design e Cores · Imagens
Rotacionador de imagem
90/180/270°
Design e Cores · Imagens
Espelhador de imagem
Horizontal/vertical
Design e Cores · Imagens
Conversor imagem → Base64
Data URI
Design e Cores · Imagens
Conversor Base64 → imagem
Data URI → arquivo
Design e Cores · Imagens
Gerador de favicon
favicon multi-tamanho
Design e Cores · Imagens
Gerador de ícone para app
Tamanhos iOS/Android
Design e Cores · Imagens
Gerador de placeholder image
SVG placeholder
Design e Cores · Imagens
Gerador de avatar simples
Avatar com iniciais
Design e Cores · Imagens
Removedor de metadados EXIF
Remove EXIF local
Design e Cores · Imagens
Calculadora de proporção de imagem
Aspect ratio
Design e Cores · Imagens
Calculadora de resolução
PPI/DPI
Design e Cores · Imagens
Conversor de DPI
DPI converter
Design e Cores · Imagens
Gerador de imagem Open Graph
OG image 1200×630
Design e Cores · Imagens
Gerador de banner LinkedIn
1584×396
Design e Cores · Imagens
Gerador de thumbnail YouTube
1280×720
Design e Cores · Imagens
Gerador de capa para post
Template editável
Design e Cores · Imagens
Gerador de mockup simples
Browser/device mockup
Design e Cores · Imagens

CSS

Gerador de box-shadow
CSS box-shadow visual
Design e Cores · CSS
Gerador de border-radius
Border-radius visual
Design e Cores · CSS
Gerador de CSS grid
grid-template-* visual
Design e Cores · CSS
Gerador de flexbox
Flex visual
Design e Cores · CSS
Gerador de botão CSS
Botão estilizado
Design e Cores · CSS
Gerador de card CSS
Card estilizado
Design e Cores · CSS
Gerador de loading spinner
Spinner CSS
Design e Cores · CSS
Gerador de skeleton loading
Skeleton CSS
Design e Cores · CSS
Gerador de animação CSS
@keyframes visual
Design e Cores · CSS
Gerador de media queries
Por breakpoint
Design e Cores · CSS
Gerador de clamp font-size
fluid typography
Design e Cores · CSS
Calculadora REM → PX
Conversão
Design e Cores · CSS
Calculadora PX → REM
Conversão
Design e Cores · CSS
Calculadora de viewport units
vw/vh em px
Design e Cores · CSS
Gerador de Tailwind config básico
tailwind.config.js
Design e Cores · CSS