Převodník RGBA na Flutter / Compose
Vložte hodnotu RGBA a hned dostanete Flutter / Compose. Funguje i jakýkoli jiný formát.
Rozpoznáno jako RGB
Stejná barva bez průhlednosti jako plné Flutter / Compose
Upravit barvu
Všechny ostatní formáty
Tabulka krytí: alfa v HEX a RGBA
V osmimístném HEX určují krytí poslední dvě číslice: FF je plně krycí, 80 je asi 50 %, 00 je zcela průhledné. Tabulka ukazuje ukázkovou barvu po 5 %.
| Krytí | Alfa v HEX | 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) |
Příklady převodu RGBA na Flutter / Compose
O formátech RGBA a Flutter / Compose
RGBA je RGB s alfa kanálem pro krytí, zapsané jako rgba(255, 87, 51, 0.5). Alfa jde od 0 (zcela průhledné) do 1 (plně krycí). Stejné krytí lze zapsat osmimístným HEX, například #ff573380.
Flutter a Jetpack Compose zapisují barvu jako jedno 32bitové číslo ARGB, například Color(0xFFFF5733). Dvě hex číslice za 0x jsou alfa, FF znamená plně krycí.
Jak převod funguje
Hodnotu RGBA načteme, pomocí matic ze specifikace CSS Color 4 ji převedeme do CIE XYZ a potom do Flutter / Compose. Hodnoty mimo cílový gamut mapuje algoritmus CSS Color 4, který zachová světlost a tón a sníží chromu.
Otázky a odpovědi
Jak převést RGBA na Flutter / Compose?
Vložte nebo napište hodnotu RGBA do pole výše. PickShade ji už během psaní převede podle vzorců CSS Color 4 a hodnotu Flutter / Compose zkopírujete jedním kliknutím.
Je převod RGBA na Flutter / Compose přesný?
Výpočet je přesný a výsledek se zaokrouhluje jen pro zobrazení, a to na tolik míst, aby šel převést zpět na stejnou barvu. Když se barva do cílového gamutu nevejde, PickShade vás upozorní a ukáže nejbližší barvu, která se vejde.
Lze získat i další formáty zároveň?
Ano. Všechny ostatní formáty včetně OKLCH, Display P3, Tailwind, SwiftUI, Flutter a Android jsou vypsané pod výsledkem a zkopírujete je jedním kliknutím.
Je tento převodník zdarma?
Ano. Je zdarma, nevyžaduje registraci a běží celý ve vašem prohlížeči.