HEX'ten RGBA'ya Dönüştürücü
Bir HEX kodunu, alfa sayısını düzenleyerek yarı saydam yapabileceğiniz bir rgba() değerine dönüştürün.
hex girişi
Sonuç · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Nasıl kullanılır: HEX'ten RGBA'ya
- 1
Bir renk girin
Bir renk kodu yazın veya renk seçiciyle bir renk seçin — her alan gösterdiği formatı kabul eder.
- 2
Dönüştürülmüş hâlini görün
Siz yazarken sonuç, rengin canlı önizlemesiyle birlikte anında güncellenir.
- 3
Kodu kopyalayın
İhtiyacınız olan değeri tek tıkla kopyalayın ve tasarımınıza, CSS'inize veya baskı ayarlarınıza yapıştırın.
HEX ve RGBA hakkında
RGBA, opaklığı 0 (tamamen şeffaf) ile 1 (tamamen opak) arasında ayarlayan dördüncü bir bileşen, yani alfa eklenmiş RGB'dir. #6A5ACD gibi standart altı basamaklı bir HEX kodu şeffaflık taşımaz; bu yüzden dönüştürücü onu rgba(106, 90, 205, 1) olarak döndürür — tam opaklıkta aynı renk.
Onu yarı saydam yapmak için son sayıyı değiştirin: rgba(106, 90, 205, 0.5) yarı şeffaftır, 0.15 ise hafif bir renk tonu verir. Bu, ayrı bir açık renk tanımlamadan fotoğraflar üzerinde örtüler, ince gölgeler, üzerine gelme vurguları ve yarı saydam arka planlar oluşturmanın olağan yoludur. opacity özelliğinin aksine rgba() içindeki alfa yalnızca o rengi etkiler, bu yüzden yarı saydam bir kutunun içindeki yazı net kalır.
Modern CSS, #6A5ACD80 gibi alfalı sekiz basamaklı HEX kodlarını da kabul eder; ancak rgba() okunması ve düzenlenmesi daha kolaydır ve eski tarayıcılarda ve e-posta istemcilerinde de çalışır.
Her şey tarayıcınızda yerel olarak çalışır — görselleriniz asla bir sunucuya yüklenmez.