RGBA → Flutter / Compose dönüştürücü
Bir RGBA değeri yapıştırın, Flutter / Compose karşılığını anında alın. Diğer formatlar da çalışır.
Algılanan: RGB
Aynı renk saydamlık olmadan, düz Flutter / Compose olarak
Rengi ayarla
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ık | HEX alfa | HEX | RGBA |
|---|---|---|---|
| 100% | ff | #ff5733 | rgba(255, 87, 51, 1) |
| 95% | f2 | #ff5733f2 | rgba(255, 87, 51, 0.95) |
| 90% | e6 | #ff5733e6 | rgba(255, 87, 51, 0.9) |
| 85% | d9 | #ff5733d9 | rgba(255, 87, 51, 0.85) |
| 80% | cc | #ff5733cc | rgba(255, 87, 51, 0.8) |
| 75% | bf | #ff5733bf | rgba(255, 87, 51, 0.75) |
| 70% | b3 | #ff5733b3 | rgba(255, 87, 51, 0.7) |
| 65% | a6 | #ff5733a6 | rgba(255, 87, 51, 0.65) |
| 60% | 99 | #ff573399 | rgba(255, 87, 51, 0.6) |
| 55% | 8c | #ff57338c | rgba(255, 87, 51, 0.55) |
| 50% | 80 | #ff573380 | rgba(255, 87, 51, 0.5) |
| 45% | 73 | #ff573373 | rgba(255, 87, 51, 0.45) |
| 40% | 66 | #ff573366 | rgba(255, 87, 51, 0.4) |
| 35% | 59 | #ff573359 | rgba(255, 87, 51, 0.35) |
| 30% | 4d | #ff57334d | rgba(255, 87, 51, 0.3) |
| 25% | 40 | #ff573340 | rgba(255, 87, 51, 0.25) |
| 20% | 33 | #ff573333 | rgba(255, 87, 51, 0.2) |
| 15% | 26 | #ff573326 | rgba(255, 87, 51, 0.15) |
| 10% | 1a | #ff57331a | rgba(255, 87, 51, 0.1) |
| 5% | 0d | #ff57330d | rgba(255, 87, 51, 0.05) |
| 0% | 00 | #ff573300 | rgba(255, 87, 51, 0) |
RGBA → Flutter / Compose örnekleri
RGBA ve Flutter / Compose 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.
Flutter ve Jetpack Compose bir rengi tek bir 32 bit ARGB sayısı olarak yazar, örneğin Color(0xFFFF5733). 0x’ten sonraki iki hex hane alfadır, FF tamamen opak demektir.
Dönüştürme nasıl çalışır
RGBA değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da Flutter / Compose 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 Flutter / Compose 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, Flutter / Compose değerini de tek tıkla kopyalarsınız.
RGBA → Flutter / Compose 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.