Kod Araçları

Kod Görselleştirici

Kod parçalarınızı güzel görsellere dönüştürün. Tema, font, arka plan ve pencere stili ayarlayarak paylaşılabilir kod görselleri oluşturun.

Kod
Dil
Dosya Adı (isteğe bağlı)
Görünüm Ayarları
Tema
Pencere Stili
Arka Plan
Satır Numaraları
Göster
Yazı Boyutu
14px
Dolgu (Padding)
40px
Köşe Yuvarlama
12px
Gölge
Açık
%50
Önizleme
1
2
3
4
5
6
7
8
function selamla(isim) {
// Kullanıcıya selam ver
const mesaj = `Merhaba, ${isim}!`;
console.log(mesaj);
return mesaj;
}
selamla("Dünya"); // "Merhaba, Dünya!"

Ne işe yarar?

Kod Görselleştirici, kaynak kodunuzu çeşitli temalar ve pencere stilleriyle görsel olarak çekici görüntülere dönüştürür. Sosyal medyada, sunumlarda veya blog yazılarında paylaşmak için idealdir. Carbon benzeri bir deneyim sunar: tema, arka plan gradyanı, pencere stili, yazı boyutu ve daha fazlasını özelleştirebilirsiniz.

Sıkça Sorulan Sorular

Hangi dilleri destekliyor?

JavaScript, TypeScript, Python, HTML, CSS, JSON, Go, Rust, Java, PHP, SQL, Bash, Markdown ve düz metin desteklenir. Her dil için anahtar kelimeler, stringler, yorumlar ve sayılar farklı renklerde vurgulanır.

Görseli nasıl indirebilirim?

“PNG İndir” butonuna tıklayarak görseli yüksek çözünürlükte (2x) PNG formatında indirebilirsiniz. Şeffaf arka plan seçeneği de mevcuttur.

Syntax highlighting nasıl çalışıyor?

Syntax highlighting, her dil için özel regex kuralları kullanılarak gerçekleştirilir. Anahtar kelimeler, stringler, yorumlar, sayılar ve operatörler farklı renklerde vurgulanır. Harici kütüphane gerekmez.