Design
Gerador de gradientes CSS
Gerador de gradientes CSS. Entrada: 2 colors. Saída: CSS linear-gradient.
Abrir ferramenta Todas as ferramentas
Ferramentas online para Cores e design
Converta e misture cores, verifique o contraste, crie gradientes e efeitos CSS e exporte paletas reutilizáveis.
CORES E DESIGNGGMET · FREE TOOLS18Ferramentas
$0Core features are free
WEBNo software installation
Design
Escolha uma ferramenta
Code and formats
Design
Conversor de HEX, RGB, HSL e HSV
Conversor de HEX, RGB, HSL e HSV. Entrada: HEX, RGB, HSL, HSV. Saída: color values.
Abrir ferramenta
Design
Gerador de gradientes radiais CSS
Gerador de gradientes radiais CSS. Entrada: 2 colors. Saída: CSS radial-gradient.
Abrir ferramenta
Design
Gerador de gradientes CSS multicoloridos
Gerador de gradientes CSS multicoloridos. Entrada: color stops. Saída: CSS linear-gradient.
Abrir ferramenta
Design
Verificador de contraste WCAG
Verificador de contraste WCAG. Entrada: foreground + background. Saída: contrast ratio.
Abrir ferramenta
Design
Gerador de cor de texto legível
Gerador de cor de texto legível. Entrada: background color. Saída: light or dark text choice.
Abrir ferramenta
Design
Gerador de esquemas de cores
Gerador de esquemas de cores. Entrada: base color. Saída: color palette.
Abrir ferramenta
Design
Misturador de cores
Misturador de cores. Entrada: 2 colors. Saída: mixed color.
Abrir ferramenta
Design
Gerador de tons de cores
Gerador de tons de cores. Entrada: base color. Saída: lighter and darker shades.
Abrir ferramenta
Design
Gerador CSS box-shadow
Gerador CSS box-shadow. Entrada: CSS parameters. Saída: CSS box-shadow.
Abrir ferramenta
Design
Gerador CSS text-shadow
Gerador CSS text-shadow. Entrada: text + shadow parameters. Saída: CSS text-shadow.
Abrir ferramenta
Design
Gerador CSS border-radius
Gerador CSS border-radius. Entrada: corner values. Saída: CSS border-radius.
Abrir ferramenta
Design
Gerador de filtros CSS para imagens
Gerador de filtros CSS para imagens. Entrada: image preview. Saída: CSS filter.
Abrir ferramenta
Design
Gerador de Glassmorphism
Gerador de Glassmorphism. Entrada: background and panel parameters. Saída: CSS.
Abrir ferramenta
Design
Gerador de padrões CSS
Gerador de padrões CSS. Entrada: colors and pattern settings. Saída: CSS background.
Abrir ferramenta
Design
Gerador de separadores SVG
Gerador de separadores SVG. Entrada: shape parameters. Saída: SVG.
Abrir ferramenta
Design
Gerador de variáveis CSS
Gerador de variáveis CSS. Entrada: palette. Saída: CSS custom properties.
Abrir ferramenta
Design
Exportador de paletas de cores
Exportador de paletas de cores. Entrada: palette. Saída: CSS, JSON, SVG, PNG.
Abrir ferramentaFerramentas online para Cores e design
Preciso de uma conta?
Não. As funções essenciais das ferramentas estão disponíveis sem registo.
O GGMet guarda os meus ficheiros?
Não. Os ficheiros selecionados são utilizados apenas para criar o resultado pedido e não são guardados pelo GGMet.
De que depende o limite de processamento?
O limite prático depende do tamanho dos ficheiros, da operação escolhida e da memória disponível no dispositivo.