Bu dönüştürücü her CSS hex biçimini kabul eder: 6 haneli #ff5733, 3 haneli kısaltma #f53 ve alfa kanallı 4 ve 8 haneli biçimler, # ile veya # olmadan. rgb() ya da rgba() dizesini, ham kanal değerlerini ve kanal bazlı bir dökümü gösterir - tersi yöne ihtiyacınız olduğunda da bir RGB to HEX satırı sunar. Her şey tarayıcınızda çalışır - yükleme yok, hesap yok, sınır yok.
HEX to RGB Dönüştürücü
Tümüyle tarayıcınızda çalışır - yükleme yok, üyelik yok.
CSS
rgb(255, 87, 51)RGB değerleri
255, 87, 51Nasıl dönüştüğü
Kırmızı
FF255Yeşil
5787Mavi
3351Tersi mi lazım? RGB to HEX
#ff5733HEX RGB'ye nasıl dönüştürülür?
Bir hex renk kodu, her kanal için bir çift olmak üzere üç çift onaltılık rakamdan oluşur. Her çifti 0 ile 255 arasında bir ondalık sayıya çevirin: #ff5733'te ff, 255 red; 57, 87 green; 33 ise 51 blue anlamına gelir, yani RGB değeri rgb(255, 87, 51) olur. Bu araç, siz yazarken bunu anında hesaplar.
Nasıl kullanılır
- 1Hex kodu girin. #ff5733 (veya #f53) gibi bir hex rengi yazın ya da yapıştırın, veya renk paletinden seçin. # işareti isteğe bağlıdır.
- 2RGB değerini okuyun. rgb() dizesi, ham 0-255 değerleri ve canlı renk önizlemesi siz yazarken güncellenir; her hex çiftinin nasıl dönüştüğünü gösteren kanal bazlı bir döküm de eşlik eder.
- 3İhtiyacınız olan formatı kopyalayın. rgb() dizesinin veya ham değerlerin yanındaki Kopyala'ya tıklayın. Tersi mi gerekiyor? Aşağıya red, green ve blue değerlerini girerek hex kodunu geri alın.
Kimler için
- Front-end geliştiriciler, stil kılavuzundaki bir hex kodunu rgb()'ye çevirip rgba() ile saydamlık ekleyebilmek için.
- Tasarımcılar, marka renklerini hex isteyen araçlar (CSS, Figma) ile 0-255 değeri isteyen araçlar (bazı baskı ve video uygulamaları) arasında taşımak için.
- E-posta ve pazarlama ekipleri, sadece tek bir gösterimi kabul eden editörler arasında kampanya renklerini eşleştirmek için.
- Oyun ve uygulama geliştiricileri, hex dizelerini okuyamayan motorlara ve SDK'lara 0-255 kanal değerleri aktarmak için.
Sık sorulan sorular
Bu HEX to RGB dönüştürücü ücretsiz mi?
Evet - kayıt olmadan ve sınırsız şekilde %100 ücretsizdir. Tamamen tarayıcınızda çalışır.
Renklerim bir yere yükleniyor mu?
Hayır. Dönüştürme, cihazınızda çalışan düz bir JavaScript işlemidir - hiçbir şey sunucuya gönderilmez ve sayfa yüklendikten sonra çevrimdışıyken de çalışmaya devam eder.
HEX'i RGB'ye çevirmenin formülü nedir?
Hex kodunu üç çifte bölün ve her çifti 16'lık tabandan ondalığa çevirin: ilk rakamı 16 ile çarpıp ikinci rakamı ekleyin (a=10 ... f=15). #ff5733'te ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51 olur.
#f53 gibi 3 haneli kısaltmayı destekliyor mu?
Evet. CSS kısaltmasında her rakam ikiye katlanır, yani #f53, #ff5533 olarak genişler ve rgb(255, 85, 51)'e dönüşür. 4 haneli biçim de aynı şekilde çalışır, son rakam alfa olur.
HEX'i RGBA'ya nasıl dönüştürür?
8 haneli bir hex kodu, alfayı son çiftinde taşır. Bu bayt (0-255) 255'e bölünerek rgba()'nın istediği 0-1 arası alfa değeri elde edilir ve üç ondalık basamağa yuvarlanır - böylece #ff573380, rgba(255, 87, 51, 0.502) olur.
RGB'yi tekrar HEX'e çevirebilir mi?
Evet. Sonucun altındaki RGB to HEX satırını kullanın: 0 ile 255 arasında red, green ve blue değerlerini girin, hex kodunu anında geri verir. Aralık dışındaki değerler 0-255'e sabitlenir.
Hex yerine neden rgb()'ye ihtiyacım var?
Çoğunlukla alfa ve matematiksel işlemler için: rgba(255, 87, 51, 0.5) bir rengi yarı saydam yapar ve birçok API, oyun motoru ile tasarım şartnamesi, hex dizesi yerine ayrı 0-255 kanal sayıları ister.