Código para imagem

CSS E DESIGN SEMELHANTES

Ver todas

Gerador de gradientes CSS

Crie gradientes lineares, radiais e cônicos e copie o CSS na hora.

Abrir →

Glassmorphism CSS

Gere em tempo real o código de desfoque de fundo e borda translúcida.

Abrir →

Gerador de box-shadow

💬 Comentários

?

Ainda não há comentários. Seja o primeiro!

O QUE É Código para imagem?

Transforme um trecho de código em uma imagem limpa e compartilhável: escolha a linguagem, o tema, o estilo da janela e o fundo e baixe um PNG — pronto para slides, documentos ou posts sociais.

Como usar?

Cole o código na área de entrada e escolha uma linguagem (JS/TS/Python/CSS/HTML/JSON/Bash/SQL/Rust/Go). Palavras-chave, strings e comentários são coloridos automaticamente.
Escolha entre 6 temas: Dracula, One Dark, GitHub Light, Solarized, Nord e Monokai — cada um com sua própria personalidade de cores.
Ative o estilo de janela “macOS” para adicionar os botões vermelho/amarelo/verde e um visual realista de editor. Os números de linha podem ser ativados separadamente.
O controle “Preenchimento” (16–80px) define o espaço entre o bloco de código e o fundo. Escolha entre 5 fundos em gradiente ou transparente.
Quando estiver satisfeito com a prévia, clique em “Baixar PNG” para uma imagem de alta resolução 2× — perfeita para Twitter, LinkedIn ou artigos técnicos. “Copiar código” copia o texto simples.

Perguntas frequentes

Quais linguagens de programação são compatíveis?

JavaScript, TypeScript, Python, HTML, CSS, JSON, SQL, Bash, Java e Go, com realce de sintaxe.

Em que formato as capturas exportadas são geradas?

PNG em resolução 2×, adequado para blogs, apresentações e redes sociais.

Posso personalizar o fundo e o estilo da janela?

Sim. Vários temas de cores, estilos macOS/sem borda, cor ou gradiente de fundo, números de linha e margem interna.

1	function greet(name) {
2	// Say hello
3	const msg = `Hello, ${name}!`
4	console.log(msg)
5	return msg
6	}