Salt la selectorul de culori

Convertor RGBA în SwiftUI

Lipește o valoare RGBA și primești imediat SwiftUI. Merge și orice alt format.

Recunoscut ca RGB

Valoare SwiftUIColor(red: 1, green: 0.341, blue: 0.2, opacity: 0.8)
SwiftUI în RGBA

Aceeași culoare fără transparență, ca SwiftUI opac

Ajustează culoarea

11°
80 %

68 %
0,210
34°

Toate celelalte formate

Tabel de opacitate: alfa în HEX și RGBA

În HEX cu 8 cifre, ultimele două stabilesc opacitatea: FF este complet opac, 80 înseamnă circa 50%, iar 00 este complet transparent. Tabelul arată culoarea din exemplu din 5 în 5%.

OpacitateAlfa în HEXHEXRGBA
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)

Exemple RGBA în SwiftUI

CuloareRGBASwiftUI
rgba(255, 0, 0, 1)Color(red: 1, green: 0, blue: 0)
rgba(0, 255, 0, 1)Color(red: 0, green: 1, blue: 0)
rgba(0, 0, 255, 1)Color(red: 0, green: 0, blue: 1)
rgba(255, 255, 255, 1)Color(red: 1, green: 1, blue: 1)
rgba(0, 0, 0, 1)Color(red: 0, green: 0, blue: 0)
rgba(128, 128, 128, 1)Color(red: 0.502, green: 0.502, blue: 0.502)
rgba(255, 87, 51, 1)Color(red: 1, green: 0.341, blue: 0.2)
rgba(59, 130, 246, 1)Color(red: 0.231, green: 0.51, blue: 0.965)
rgba(16, 185, 129, 1)Color(red: 0.063, green: 0.725, blue: 0.506)
rgba(245, 158, 11, 1)Color(red: 0.961, green: 0.62, blue: 0.043)
rgba(139, 92, 246, 1)Color(red: 0.545, green: 0.361, blue: 0.965)
rgba(236, 72, 153, 1)Color(red: 0.925, green: 0.282, blue: 0.6)

Despre RGBA și SwiftUI

RGBA este RGB cu un canal alfa pentru opacitate, scris ca rgba(255, 87, 51, 0.5). Alfa merge de la 0 (complet transparent) la 1 (complet opac). Aceeași opacitate se poate scrie în HEX cu 8 cifre, de exemplu #ff573380.

SwiftUI descrie o culoare prin roșu, verde și albastru de la 0 la 1, scrisă ca Color(red: 1, green: 0.341, blue: 0.2). Opacitatea se adaugă cu parametrul opacity.

Cum funcționează conversia

Citim valoarea RGBA, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în SwiftUI. Valorile din afara gamutului țintă sunt aduse în gamut cu algoritmul CSS Color 4, care păstrează luminozitatea și nuanța și reduce croma.

Întrebări și răspunsuri

Cum convertesc RGBA în SwiftUI?

Lipește sau scrie o valoare RGBA în câmpul de mai sus. PickShade o convertește cu formulele CSS Color 4 pe măsură ce scrii, iar un clic copiază valoarea SwiftUI.

Conversia din RGBA în SwiftUI este exactă?

Calculele sunt exacte, iar rezultatul este rotunjit doar la afișare, cu suficiente zecimale ca să poți reveni la aceeași culoare. Dacă culoarea nu încape în gamutul țintă, PickShade te avertizează și arată cea mai apropiată culoare care încape.

Pot obține și alte formate în același timp?

Da. Toate celelalte formate, inclusiv OKLCH, Display P3, Tailwind, SwiftUI, Flutter și Android, sunt listate sub rezultat și se copiază dintr-un clic.

Convertorul este gratuit?

Da. Este gratuit, nu cere cont și rulează în întregime în browserul tău.