Design e estilo

Preencha toda a sua tela com qualquer cor

Combine ruídos branco, rosa e marrom com sons de chuva, oceano e vento para criar uma paisagem sonora ambiente personalizada para concentração, sono ou relaxamento.

Crie uma chuva digital personalizável no estilo Matrix, com caracteres em queda, cores, velocidade e conjuntos de caracteres ajustáveis, além de um modo de proteção de tela em tela cheia.

Calcule as dimensões faltantes a partir da proporção. Insira uma proporção e uma dimensão para encontrar a outra.

Ordene uma lista de cores por diferentes critérios como matiz, saturação, luminosidade ou valores RGB.

Calcule a cor média de várias cores de entrada usando diferentes modos de espaço de cor (RGB, LAB, LCH, HSL).

Aplique efeito de filtro sépia a imagens com intensidade ajustável

Arredonde os cantos das imagens com raio personalizado. Crie fotos com cantos arredondados e fundos transparentes.

Adicione bordas personalizáveis às imagens com estilos sólido, tracejado, pontilhado ou duplo

Gere códigos QR com módulos e cantos arredondados, nível de arredondamento ajustável e cores personalizadas. Baixe nos formatos PNG, JPG, WebP ou SVG.

Gere um código QR com seu logotipo no centro, usando um alto nível de correção de erros para que ele continue sendo lido. Baixe nos formatos PNG, JPG, WebP ou SVG.

Misture cores para criar novas cores.

Clareie uma cor por um fator especificado.

Escureça uma cor por um fator especificado.

Gere múltiplos tons e matizes a partir de uma cor base.

Calcule a diferença perceptiva entre duas cores usando a fórmula Delta E (ΔE) 2000. Compare cores e meça quão semelhantes ou diferentes elas aparecem ao olho humano.

Valide códigos de cor hexadecimais, detecte o tipo de formato e visualize informações detalhadas sobre a cor com valores RGB e HSL.

Gere filtros CSS para imagens com pré-visualização ao vivo.

Gere filtro backdrop CSS com pré-visualização ao vivo.

Calcule e visualize a curvatura do monitor a partir das especificações.

Gere imagens SVG de placeholder personalizáveis com texto, cores e dimensões para desenvolvimento web e mockups de design.

Compare e converta graduações de grafite entre diferentes marcas e escalas (HB, numérica, Staedtler, Faber-Castell, Derwent).

Converta entre unidades de comprimento CSS, incluindo pixels (px), centímetros (cm), milímetros (mm), polegadas (in), pontos (pt) e paicas (pc).

Pré-visualização interativa e referência para todos os valores de cursor CSS com demonstração ao vivo