RGB - Hex Dönüştürücü
Kaydırıcıları ayarlayın veya aşağıya bir HEX kodu yapıştırın; RGB, HEX ve HSL arasında anında dönüştürme yapın ve canlı renk önizlemesinden yararlanın — tüm hesaplamalar cihazınızda gerçekleştirilir.
Renk girişi
Dönüştürülmüş çıktı
Yorumlar
RGB'yi HEX'e nasıl dönüştürebilirim?
- Bir renk belirlemek için Kırmızı, Yeşil ve Mavi kaydırıcıları sürükleyin veya HEX kodunu doğrudan alana yapıştırın.
- Herhangi bir ayarlamayı yaptığınızda, önizleme örneğinin yanı sıra HEX, RGB ve HSL değerlerinin de anında güncellenmesini izleyin.
- Herhangi bir değer kartına tıklayarak onu kopyalayın; CSS’ye, tasarım yazılımına veya kodunuza yapıştırmaya hazır hale gelir.
RGB, HEX ve HSL: Aralarındaki fark nedir?
RGB, HEX ve HSL hepsi tam olarak aynı renkleri tanımlar — bunlar sadece aynı sayıları yazmanın farklı yollarıdır. RGB, bir rengi, onu oluşturmak için kırmızı, yeşil ve mavi ışığın ne kadar bir araya geldiğiyle tanımlar; her biri 0–255 aralığındadır. HEX ise aynı RGB değerlerinin kompakt, 6 basamaklı ve 16 tabanlı bir kod olarak yeniden yazılmış halidir; işte bu yüzden rgb(31, 58, 95) ve #1f3a5f aynı renklerdir. HSL ise bir rengi ton (renk çarkındaki konumu), doygunluk (ne kadar canlı olduğu) ve açıklık ile tanımlar — bu format, birbiriyle ilişkili tonları seçmek için genellikle daha sezgiseldir.
Her bir formatın genellikle hangi durumlarda kullanıldığı
| Biçim | Tipik kullanım | Neden |
|---|---|---|
| HEX | CSS, HTML, tasarım araçları | Kısa, tek bir dize olarak yapıştırması ve paylaşması kolay |
| RGB | Şeffaflık içeren CSS (rgba) | Opaklık için alfa kanalını destekler |
| HSL | Renk paletleri oluşturma | Tek bir sayıyı değiştirerek daha açık/daha koyu veya benzer tonları kolayca oluşturabilirsiniz |
Bu değerleri CSS’de kullanma
Bu üç biçimden herhangi biri stil sayfasında doğrudan kullanılabilir: color: #1f3a5f;, color: rgb(31, 58, 95); ve color: hsl(210, 51%, 25%); hepsi de aynı lacivert rengi verir. HEX, düz renkler için en yaygın kısaltmadır; RGB (veya rgba() varyantı) ise bir rengin kısmi saydamlığa ihtiyaç duyduğu durumlarda kullanışlıdır; HSL ise tonu sabit tutarak yalnızca açıklığı ayarlayarak tutarlı bir renk tonu kümesi oluşturmayı kolaylaştırır.
Sık Sorulan Sorular
Bu RGB-HEX dönüştürücüsünü kullanmak ücretsiz mi?+
Evet. Tamamen tarayıcınızda JavaScript ile çalışır; bu nedenle hesap, API anahtarı gerekmez ve kaç kez kullanabileceğiniz konusunda herhangi bir sınırlama yoktur.
Renk verilerim herhangi bir yere yükleniyor mu?+
Hayır. Her dönüştürme işlemi tarayıcınızda yerel olarak gerçekleşir. Hiçbir şey sunucuya gönderilmez, depolanmaz veya kaydedilmez.
HEX ile RGB arasındaki gerçek fark nedir?+
Aynı rengi farklı notasyonlarla ifade ederler — HEX, RGB’nin 0 ile 255 arasında üç ayrı sayı olarak yazdığı aynı kırmızı, yeşil ve mavi değerleri ifade eden 6 basamaklı, 16 tabanlı bir kısaltmadır.
Tasarım ve Geliştirme Araçları
Bu Dönüştürücü Nasıl Çalışır?
Renkleri yazarken veya seçerken değerler, JavaScript ile RGB, HEX ve HSL formatları arasında anlık olarak dönüştürülür — girdiğiniz hiçbir bilgi bir sunucuya yüklenmez veya herhangi bir yerde saklanmaz.
Son güncelleme tarihi: 28 Ağustos 2026.
Kutudaki diğer araçlar
Ana sayfada daha fazla ücretsiz, API anahtarı gerektirmeyen araç bulabilirsiniz.
QR Kodu Oluşturucu
Herhangi bir metni veya URL'yi indirilebilir bir QR koduna dönüştürün.
JSON Biçimlendirici
JSON'u biçimlendirin, doğrulayın ve hata ipuçlarıyla küçültün.
Favicon Oluşturucu
Bir görseli ihtiyacınız olan her favicon boyutuna dönüştürün.
UUID Oluşturucu
Rastgele v4 UUID’leri anında toplu olarak oluşturun.