HEX RGB çevirici
Bir hex renk kodunu RGB değerlerine çevir.
Tarayıcında çalışır. Yazdığın hiçbir şey bir yere gönderilmez.
- 3, 4, 6 veya 8 hane
- RGBA ve HSL de
- Tek tıkla kopyala
HEX RGB'ye nasıl çevrilir
- #'lı veya #'sız bir hex kodu yaz veya yapıştır.
- RGB, RGBA ve HSL değerleri yazdıkça güncellenir.
- İhtiyacın olan değerin yanındaki kopyala düğmesine tıkla.
HEX'ten RGB'ye örnekler
| Hex | RGB | Not |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Standart 6 haneli hex |
| #F80 | rgb(255, 136, 0) | 3 haneli kısaltma, aynı renk |
| #000000 | rgb(0, 0, 0) | Siyah |
| #FFFFFF | rgb(255, 255, 255) | Beyaz |
| #FF880080 | rgba(255, 136, 0, 0.5) | Alfalı 8 haneli hex |
Bir kısaltma ve tam uzunluktaki hali her zaman tam olarak aynı renge çözülür, çünkü her kısaltma hanesi basitçe ikiye katlanır.
Hex kodları nereden gelir
Figma ve Photoshop gibi tasarım araçları ve her tarayıcının DevTools'u, bir rengi varsayılan olarak hex olarak gösterir, çünkü tam bir rengi metin olarak yazmanın en kısa yoludur.
Hex, rgb() ve hsl() CSS fonksiyonları var olmadan çok önce, HTML'in ilk renk özniteliklerinden beri 1990'lardan bu yana web'in bir parçasıdır. Bu tarih, hex'in hâlâ çoğu stil kılavuzunun önce verdiği format olmasının nedenidir.
Yaygın hex kodu hataları
- Bir hex kodu 3, 4, 6 veya 8 hane ister. 5 veya 7 uzunluğu geçersizdir ve dönüşmez.
- Bazı eski Windows API'leri renkleri RGB yerine BGR olarak saklar, bu yüzden eski koddan kopyalanan bir kodda kırmızı ve mavi yer değiştirmiş olabilir.
- 8 haneli bir kodun son iki hanesi dördüncü bir renk kanalı değil, alfadır; bu yüzden #FF880000 daha koyu bir turuncu değil, tamamen saydamdır.
HEX RGB SSS
HEX'i elle nasıl RGB'ye çeviririm?
Kodu üç çifte böl ve her çifti 16 tabanından 10 tabanına çevir. #F08A3C için bu, F0 = 240, 8A = 138 ve 3C = 60 verir, yani rgb(240, 138, 60).
3 haneli bir hex kodu nedir?
Her hanenin ikiye katlandığı bir kısaltmadır. #F80, #FF8800 ile aynı renktir ve #000 siyahtır.
8 haneli bir hex kodunun son iki hanesi ne anlama gelir?
Alfa, yani opaklıktır. #FF880080, rgba(255, 136, 0, 0.5) ile aynı olan, yaklaşık %50 opaklıkta turuncudur.
Kodun başında # olması gerekiyor mu?
Hayır. Çevirici, # olsun veya olmasın, büyük veya küçük harfle kodları kabul eder.
Hex kodum neden geçersiz görünüyor?
Bir hex kodu, 0-9 ve A-F kullanarak tam olarak 3, 4, 6 veya 8 hane olmalıdır. 5 veya 7 gibi bir uzunluk, veya bu aralığın dışında bir karakter dönüşmez.
var(--brand) gibi bir CSS değişkeni yapıştırabilir miyim?
Hayır, gerçek renk değerini yapıştır. Önce değişkenin neye çözümlendiğine bak, örneğin tarayıcının DevTools hesaplanmış stiller panelinde.
Mümkün olan en kısa hex kodu nedir?
3 hane, siyah için #000 veya beyaz için #fff gibi. Her hane, tam 6 haneli değerde ikiye katlanmış bir çifti temsil eder.