Renk Dönüştürücü

HEX, RGB, HSL ve isim formatları arasında renk dönüştürün. Canlı önizleme ve kopyalanabilir kod. Tarayıcıda anında çalışır, kayıt gerekmez, ücretsizdir.

Mevcut Renk Teal

HEX

RGB

HSL

HSV

Tonlar (Shade & Tint)

Renk Formatları

Web tasarımında renkler farklı formatlarda yazılır. Hepsi aynı rengi farklı şekilde temsil eder:

HEX (Hexadecimal)

En yaygın format. #RRGGBB şeklinde 6 karakter. Her çift bir kanalı (kırmızı, yeşil, mavi) temsil eder.

Örnek: #115E59 = R:17, G:94, B:89 (koyu turkuaz)

RGB

0-255 arası 3 değer. CSS'te rgb(17, 94, 89) şeklinde yazılır. Alfa kanalı için rgba(17, 94, 89, 0.5) kullanılır (yarı saydam).

HSL (Hue, Saturation, Lightness)

Renk tekerleği temelli format. Tasarımcılar için daha sezgisel:

Hue (0-360): Renk tonu (0/360 kırmızı, 120 yeşil, 240 mavi)
Saturation (0-100%): Renk doygunluğu
Lightness (0-100%): Açıklık (0 siyah, 100 beyaz)

HSV (Hue, Saturation, Value)

HSL'e benzer ama Photoshop, Figma gibi tasarım araçlarında daha yaygın.

Hangi Format Ne Zaman?

HEX: CSS, HTML, tasarım dosyaları — en yaygın
RGB: Saydamlık gerektiğinde (rgba)
HSL: Tema oluştururken (lightness değiştirerek shade üretmek kolay)
HSV: Photoshop/Figma export

Aracın Bonus Özelliği

Seçtiğiniz rengin 11 farklı ton/açıklık derecesini gösteriyoruz. Tema renk paleti oluştururken bu bir altın madenidir — UI sistemlerin temelinde 50, 100, 200, ..., 900 numaralı renk skalaları vardır.

İlgili Araçlar

✨

Renk Dönüştürücü