HEX Opaklık (Alfa) Dönüştürücü

Bu araç ne işe yarar?

Hex Opacity Converter, bir HEX renge opaklık ekleyip 8 haneli HEX (#rrggbbaa) ve rgba() değerini canlı bir renk örneğiyle birlikte verir. Şeffaflık yüzdesini ayarlayarak yarı saydam renkleri tam olarak hesaplamanızı sağlar. Gölge, kaplama ve cam efektleri üzerinde çalışan tasarımcılar ve geliştiriciler için kullanışlıdır.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Nasıl çalışır?

Girdiğiniz yüzde değerini 0–255 aralığında bir alfa kanalına çevirir ve bunu HEX'in sonuna ekleyerek 8 haneli #rrggbbaa biçimini üretir; aynı zamanda eşdeğer rgba(r, g, b, a) değerini verir. Örneğin #3366FF rengi %50 opaklıkta #3366FF80 ve rgba(51, 102, 255, 0.5) olur. Canlı örnek, sonucun gerçekte ne kadar saydam göründüğünü gösterir.

Yaygın kullanım alanları

Modal arka planları için yarı saydam kaplamalar, kartlar üzerinde yumuşak gölgeler ve cam (glassmorphism) efektleri oluşturmak için idealdir. 8 haneli HEX desteklemeyen ortamlar için rgba() çıktısını, modern projeler için ise kompakt #rrggbbaa biçimini kullanabilirsiniz.

Sıkça sorulan sorular

8 haneli HEX ile rgba() arasında fark var mı?

İkisi de aynı rengi ve aynı opaklığı temsil eder; fark yalnızca yazımdadır. 8 haneli HEX daha kompakttır, rgba() ise eski tarayıcılarda ve okunabilirlik açısından bazen tercih edilir.

%50 opaklık hangi alfa hane karşılığına denk gelir?

%50 opaklık 0–255 ölçeğinde yaklaşık 128'e, yani HEX'te 80 değerine denk gelir. Araç bu dönüşümü otomatik yapar, böylece elle hesaplamanıza gerek kalmaz.