Design
Corte imagens para dimensões específicas ou proporção de aspecto com posicionamento personalizado
image-cropperDesign
Aplica correção gama para ajustar o brilho da imagem de forma não linear para melhor percepção visual
image-gamma-correctionDesign
Converte imagens para efeito pixelado/mosaico com tamanho de pixel ajustável e padrões de forma
image-pixelatorDesign
Adiciona efeitos de cantos arredondados a imagens com raio ajustável e seleção de cantos
image-rounded-cornersDesign
Ajuste os níveis de saturação de cor para tornar as cores mais vibrantes ou criar efeitos em tons de cinza
image-saturationDesign
Melhore a clareza e nitidez da imagem com intensidade ajustável e múltiplos métodos de nitidez
image-sharpenDesign
Converte cores entre HEX, RGB, HSL e CMYK.
cmyk-converterDesign
Converte uma cor entre HEX, RGB, HSL, CIELAB e Display-P3 com saida CSS e verificacao de gamut.
color-space-converterDesign
Resolve uma cadeia de filtros CSS que reproduz de forma próxima uma cor hexadecimal alvo a partir de uma cor base monocromática
css-target-color-filter-generatorDesign
Busca uma URL de imagem remota, extrai cores dominantes, exporta arquivos de paleta prontos para codigo e mostra os contrastes
color-palette-extractor-from-image-urlDesign
Visualiza uma curva de easing cubic-bezier do CSS, pré-visualiza em posição/opacidade/escala, escolhe predefinições e exporta CSS
css-easing-visualizerDesign
Informe limites de viewport e fonte para gerar clamp(), CSS copiavel e dados de preview
css-fluid-typography-clamp-calc