Renk seçiciye geç

HSLA → RGBA dönüştürücü

Bir HSLA değeri yapıştırın, RGBA karşılığını anında alın. Diğer formatlar da çalışır.

Algılanan: HSL

RGBA değerirgba(255, 87, 51, 0.8)
RGBA → HSLA

Aynı renk saydamlık olmadan, düz RGB olarak

Rengi ayarla

11°
%80

%68
0,210
34°

Diğer tüm formatlar

Opaklık tablosu: HEX alfa ve RGBA

8 haneli HEX kodunda son iki hane opaklığı belirler: FF tamamen opak, 80 yaklaşık %50, 00 tamamen saydamdır. Tablo örnek rengi %5 adımlarla gösterir.

OpaklıkHEX alfaHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

HSLA → RGBA örnekleri

RenkHSLARGBA
hsla(0, 100%, 50%, 1)rgba(255, 0, 0, 1)
hsla(120, 100%, 50%, 1)rgba(0, 255, 0, 1)
hsla(240, 100%, 50%, 1)rgba(0, 0, 255, 1)
hsla(0, 0%, 100%, 1)rgba(255, 255, 255, 1)
hsla(0, 0%, 0%, 1)rgba(0, 0, 0, 1)
hsla(0, 0%, 50.2%, 1)rgba(128, 128, 128, 1)
hsla(10.59, 100%, 60%, 1)rgba(255, 87, 51, 1)
hsla(217.22, 91.22%, 59.8%, 1)rgba(59, 130, 246, 1)
hsla(160.12, 84.08%, 39.41%, 1)rgba(16, 185, 129, 1)
hsla(37.69, 92.13%, 50.2%, 1)rgba(245, 158, 11, 1)
hsla(258.31, 89.53%, 66.27%, 1)rgba(139, 92, 246, 1)
hsla(330.37, 81.19%, 60.39%, 1)rgba(236, 72, 153, 1)

HSLA ve RGBA hakkında

HSLA, opaklık için alfa kanalı eklenmiş HSL’dir ve hsla(11, 100%, 60%, 0.5) şeklinde yazılır. Alfa 0 (tamamen saydam) ile 1 (tamamen opak) arasındadır; modern CSS bunu hsl() içinde de kabul eder.

RGBA, opaklık için alfa kanalı eklenmiş RGB’dir ve rgba(255, 87, 51, 0.5) şeklinde yazılır. Alfa 0 (tamamen saydam) ile 1 (tamamen opak) arasındadır. Aynı opaklık #ff573380 gibi 8 haneli HEX ile de yazılabilir.

Dönüştürme nasıl çalışır

HSLA değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da RGBA formatına çeviriyoruz. Hedef gamın dışında kalan değerler, açıklığı ve renk özünü koruyup kromayı azaltan CSS Color 4 algoritmasıyla gama sığdırılır.

Sorular ve yanıtlar

HSLA değerini RGBA formatına nasıl dönüştürürüm?

Yukarıdaki alana bir HSLA değeri yapıştırın veya yazın. PickShade siz yazarken değeri CSS Color 4 formülleriyle dönüştürür, RGBA değerini de tek tıkla kopyalarsınız.

HSLA → RGBA dönüşümü kesin mi?

Hesaplama kesindir; sonuç yalnızca gösterim için yuvarlanır ve aynı renge geri dönüştürmeye yetecek kadar basamak içerir. Renk hedef gama sığmıyorsa PickShade sizi uyarır ve sığan en yakın rengi gösterir.

Aynı anda başka formatları da alabilir miyim?

Evet. OKLCH, Display P3, Tailwind, SwiftUI, Flutter ve Android dahil diğer tüm formatlar sonucun altında listelenir ve tek tıkla kopyalanır.

Bu dönüştürücü ücretsiz mi?

Evet. Ücretsizdir, üyelik gerektirmez ve tamamen tarayıcınızda çalışır.