RGB HEX çevirici
RGB değerlerini bir hex renk koduna çevir.
Tarayıcında çalışır. Yazdığın hiçbir şey bir yere gönderilmez.
- rgb() veya rgba() yapıştır
- Alfalı 8 haneli hex
- Yazdıkça güncellenir
RGB HEX'e nasıl çevrilir
- Bir rgb() veya rgba() değeri yapıştır, veya her kanalı yaz.
- 8 haneli bir hex kodu da almak için alfayı 1'in altına ayarla.
- Hex kodunu kopyala.
RGB'den hex'e örnekler
| RGB | Hex | Not |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Standart dönüşüm |
| rgb(0, 0, 0) | #000000 | Siyah |
| rgba(255, 136, 0, 0.5) | #FF880080 | Alfa 2 hane ekler |
| 255, 136, 0 | #FF8800 | Düz sayılar da çalışır |
Alfa hex hanelerine nasıl dönüşür
Alfayı 255 ile çarp, en yakın tam sayıya yuvarla, sonra kodun sonuna iki hex hanesi olarak yaz.
| Alfa | Hex eki |
|---|---|
| 1 (katı) | gerekmez |
| 0,75 | BF |
| 0,5 | 80 |
| 0,25 | 40 |
| 0 (görünmez) | 00 |
8 haneli hex nerede çalışır
- CSS, her güncel tarayıcıda #RRGGBBAA'yı kabul eder: Chrome, Firefox, Safari ve Edge.
- SVG fill ve stroke öznitelikleri de modern tarayıcılarda 8 haneli hex kabul eder.
- Bazı eski resim düzenleyiciler ve tasarım araçları sadece 6 haneli hex okur ve alfa çiftini düşürür veya reddeder, bu yüzden bu durumlar için katı bir 6 haneli kopya sakla.
RGB HEX SSS
RGB'yi elle nasıl HEX'e çeviririm?
Her kanalı iki haneli 16 tabanında bir sayı olarak yaz ve birleştir. rgb(255, 136, 0), FF, 88 ve 00 olur, yani #FF8800.
Opaklık hex'te nasıl yazılır?
Alfayı 255 ile çarp, yuvarla ve sonuna iki hex hanesi olarak yaz. 0,5 alfa 80 olur, yani rgba(255, 136, 0, 0.5), #FF880080'dir.
Hangi formatları yapıştırabilirim?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), daha yeni rgb(255 136 0 / 50%) ve 255, 136, 0 gibi düz sayılar. Bir hex kodu da çalışır.
#ff8800, #FF8800'den farklı mı?
Hayır, hex renklerde büyük/küçük harf önemli değil. Stil kılavuzun büyük harf tercih ediyorsa Büyük harf'i işaretle.
Sayılar yerine orange gibi bir renk adı yazabilir miyim?
Hayır. Bu çevirici sadece sayısal rgb(), rgba() ve hex değerlerini okur, çünkü CSS'in 148 adlandırılmış rengini eşleştirmek kendi arama tablosunu gerektirir.
Bir yüzde yazdıktan sonra hex kodum neden biraz değişti?
rgb(94% 53% 0%) gibi yüzde kanalları, kanal başına 256 adımın en yakınına dönüştürülür, bu yüzden yuvarlama bazı kanallarda sonucu 1 kaydırabilir.
Alfa kanalı her tarayıcıda aynı şekilde mi yuvarlanır?
Evet. Buradaki matematik, 255 ile çarpıp tam sayıya yuvarlamak, standarttır ve tarayıcıdan bağımsız olarak aynı 2 hex hanesini verir, çünkü bu sayfa dönüşümü farklı davranabilecek bir tarayıcı API'sine güvenmek yerine kendisi yapar.
%50 gibi yüzde tabanlı bir alfaya sahip bir rengi çevirebilir miyim?
Evet. rgba(255, 136, 0, 50%) ve daha yeni rgb(255 136 0 / 50%), alfa için daha eski 0 ile 1 arası ondalık sözdizimiyle birlikte ikisi de çalışır.