Ana Sayfa / Renk Araçları / HEX - RGB Dönüştürücü

HEX - RGB Dönüştürücü

HEX renk kodunu RGB değerine ve geriye anında dönüştürün. Ücretsiz.

Nasıl Kullanılır

  1. Giriş kutusuna hex renk kodunu yazın — ör. #FF5733 (6 basamak) veya kısaltılmış #F53 (3 basamak).
  2. Araç anında RGB değerlerine dönüştürür ve genellikle RGBA ve HSL karşılıklarını da gösterir.
  3. Dönüştürülmüş herhangi bir değere tıklayın; böylece onu doğrudan CSS'inize, tasarım aracınıza veya kod düzenleyicinize kopyalarsınız.
  4. Görsel olarak tam istediğiniz tonu aldığınızdan emin olmak için renk önizleme örneğini kontrol edin.

Sık Sorulan Sorular

Bu gerçekten ücretsiz mi?

Evet — bu sitedeki her araç %100 ücretsizdir; limitsiz, kayıtsız ve filigransızdır.

Verilerim gizli mi?

Kesinlikle. Tüm işlemler tarayıcınızda yerel olarak yapılır. Dosyalarınız asla bir sunucuya yüklenmez.

Hex renk kodu tam olarak nedir?

#RRGGBB olarak yazılan onaltılık (taban 16) kodlama. Rakamların her çifti kırmızı, yeşil ve mavi yoğunluğunu 00 (hiç) ile FF (255, tam) arasında ayarlar. Bu yüzden #FF0000 saf kırmızıdır, #00FF00 saf yeşildir ve #FFFFFF beyazdır.

3 basamaklı kısaltılmış hex kodlarını dönüştürebilir miyim?

Evet. #F53 gibi kısaltma, her basamağı yineleyerek otomatik olarak #FF5533'e genişler. Bu, her çift aynı basamaklardan oluştuğunda çalışır.

RGB ve RGBA arasındaki fark nedir?

RGBA dördüncü kanalı ekler: alfa (opaklık), 0 (tamamen saydam) ile 1 (tamamen opak) arasında. Ve RGB(255, 87, 51) ile RGBA(255, 87, 51, 0,5) aynı renktir — ikincisi %50 saydamdır.

Web tasarımcıları neden hex kodlarını tercih eder?

Hex kısadır ve kopyala-yapıştır için uygundur — altı karakter 16,7 milyon renk arasından herhangi birini yakalar. Ve RGB, kanallarla hesap yapmanız gerektiğinde esnektir (ör. karıştırma veya programla parlaklık ayarlama).

HEX - RGB Dönüştürücü — eksiksiz rehber

Tasarımcılar hex (#FF5733) konuşur; geliştiriciler genellikle RGB (rgb(255, 87, 51)) ister. Bunlar aynı 16,7 milyon rengin iki kodlamasıdır — ve aralarında elle çeviri, kimsenin keyif almadığı taban 16 hesapları demektir. Bu dönüştürücü hex ile RGB, RGBA ve HSL arasında anında geçiş yapar; canlı önizleme örneğiyle, tümü tarayıcınızda.

İki sistem nasıl bağlıdır

İkisi de rengi toplamsal olarak açıklar: ne kadar kırmızı, yeşil ve mavi ışık karıştırılacağı. Hex her kanalı iki taban 16 basamağa sıkıştırır (00–FF = 0–255). Ve RGB aynı üç sayıyı ondalık olarak, virgüllerle ayrılmış şekilde yazar. Ve #FF5733 şöyle ayrılır: kırmızı=FF (255), yeşil=57 hex (87) ve mavi=33 hex (51) — bu rgb(255, 87, 51) ile örtüşür. Alfa saydamlığı RGBA'da 0–1 ondalığı olarak eklenir veya modern CSS'de dördüncü hex çifti (#RRGGBBAA) olarak.

Her biçim ne zaman kullanılır

hex kullanın Stil sayfalarındaki sabit tasarım değerleri için — kısadır ve evrensel olarak tanınır. RGB/RGBA kullanın Opaklık değiştiğinde (katmanlar, gölgeler ve saydamlıklı degradeler) veya JavaScript'in kanalları sayısal olarak işlemesi gerektiğinde. HSL kullanın Ton/doygunluk/açıklık sezgisel olarak ayarlanırken — “biraz koyulaştırın” doğrudan açıklık değerini azaltmaya karşılık gelir; bu hex'te zordur.

Pratik iş akışı

Marka rengi eşleştirme: Stil kılavuzundan marka hex'ini yapıştırın ve palet, SVG filtreleri veya oyun motorlarında kullanım için RGB'yi kopyalayın. Palet oluşturma: Temel hex'i HSL'ye dönüştürün, tonu sabit adımlarla döndürün ve geri dönüştürün — anında uyumlu palet. Hata ayıklama: Bir renk ekranda yanlış göründüğünde dönüştürün ve suçluyu yakalamak için tek tek kanalları kontrol edin (genellikle beklenmeyen alfa). Belgeler: Tasarım sistemleri genellikle iki kodlamayı da listeler; böylece tasarımcılar ve geliştiriciler uyumlu kalır.

Hızlı dönüşüm kopya kâğıdı

İşaretleri unutmayın: #000000 siyah (0,0,0) ve #FFFFFF beyaz (255,255,255) ve #FF0000/#00FF00/#0000FF saf ana renkler. Griler eşit üçlülerdir (#888888 = orta gri). Ve herhangi bir 3 basamaklı kod yinelenir: #ABC, #AABBCC olur. Bu işaretlerle sıradan renkler için nadiren hesaplayıcıya ihtiyaç duyarsınız — ama hassasiyet önemli olduğunda işte burada.

Adım adım rehber: Çevrimiçi ücretsiz HEX'i RGB'ye nasıl dönüştürülür (2026 rehberi)