Renk seçiciye geç

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

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

Algılanan: RGB

HEX değeri#ff5733cc
HEX → RGBA

Aynı renk saydamlık olmadan, düz HEX 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)

RGBA → HEX örnekleri

RenkRGBAHEX
rgba(255, 0, 0, 1)#ff0000
rgba(0, 255, 0, 1)#00ff00
rgba(0, 0, 255, 1)#0000ff
rgba(255, 255, 255, 1)#ffffff
rgba(0, 0, 0, 1)#000000
rgba(128, 128, 128, 1)#808080
rgba(255, 87, 51, 1)#ff5733
rgba(59, 130, 246, 1)#3b82f6
rgba(16, 185, 129, 1)#10b981
rgba(245, 158, 11, 1)#f59e0b
rgba(139, 92, 246, 1)#8b5cf6
rgba(236, 72, 153, 1)#ec4899

RGBA ve HEX hakkında

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.

HEX; kırmızı, yeşil ve maviyi ikişer onaltılık basamakla yazar, örneğin #ff5733. Web’de ve tasarım araçlarında renk yazmanın en yaygın yoludur.

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

RGBA değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da HEX 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

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

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

RGBA → HEX 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.