Design
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
Resolve qualquer cor hex para a cor nomeada CSS mais próxima com distância CIEDE2000 real e explora toda a sua família de cores.
css-color-name-resolverDesign
Gera a «malha de degradês» em alta na Dribbble/Behance desde 2024: vários degradês radiais (mancha de cor → esmaecimento para transparente da mesma cor) sobre uma cor-base (opcionalmente uma camada cônica), com modos de mistura, granulação de filme SVG, disposições com semente (cantos / anel / dispersão / grade), prévia ao vivo, CSS copiável e classe arbitrária do Tailwind. As manchas esmaecem via hex de 8 dígitos #RRGGBB00, evitando o anel cinza da palavra-chave transparent.
css-gradient-mesh-generatorDesign
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-visualizer