Siirry värivalitsimeen

RGBA–Android XML-muunnin

Liitä RGBA-arvo, niin saat Android XML-arvon heti. Myös muut muodot käyvät.

Tunnistettu: RGB

Android XML-arvo#CCFF5733
Android XML–RGBA-muunnin

Sama väri ilman läpinäkyvyyttä, peittävänä Android XML-arvona

Säädä väriä

11°
80 %

68 %
0,210
34°

Kaikki muut muodot

Peittävyystaulukko: HEX-alfa ja RGBA

8-numeroisessa HEX-koodissa kaksi viimeistä numeroa määrittävät peittävyyden: FF on täysin peittävä, 80 noin 50 % ja 00 täysin läpinäkyvä. Taulukko näyttää esimerkkivärin 5 %:n välein.

PeittävyysHEX-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–Android XML-esimerkkejä

VäriRGBAAndroid XML
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

Tietoa muodoista RGBA ja Android XML

RGBA on RGB, johon on lisätty peittävyyden alfakanava, esimerkiksi rgba(255, 87, 51, 0.5). Alfa vaihtelee 0:sta (täysin läpinäkyvä) 1:een (täysin peittävä). Saman peittävyyden voi kirjoittaa 8-numeroisena HEX-koodina, kuten #ff573380.

Androidin XML-resursseissa värit kirjoitetaan muodossa #RRGGBB tai #AARRGGBB alfa ensin, esimerkiksi #80FF5733 tarkoittaa 50 %:n peittävyyttä. Tämä ARGB-järjestys poikkeaa CSS:stä, jossa alfa on viimeisenä.

Näin muunnos toimii

Luemme RGBA-arvon, muunnamme sen CIE XYZ -avaruuteen CSS Color 4 -määrityksen matriiseilla ja siitä edelleen Android XML-muotoon. Kohdevärialueen ulkopuoliset arvot sovitetaan CSS Color 4:n algoritmilla, joka säilyttää vaaleuden ja sävyn ja pienentää kromaa.

Kysymyksiä ja vastauksia

Miten muunnan RGBA-arvon Android XML-muotoon?

Liitä tai kirjoita RGBA-arvo yllä olevaan kenttään. PickShade muuntaa sen CSS Color 4 -kaavoilla jo kirjoittaessasi, ja Android XML-arvon kopioit yhdellä napsautuksella.

Onko RGBA–Android XML-muunnos tarkka?

Laskenta on tarkka, ja tulos pyöristetään vain näyttämistä varten niin moneen numeroon, että takaisin muunnettuna saat saman värin. Jos väri ei mahdu kohdevärialueelle, PickShade varoittaa ja näyttää lähimmän värin, joka mahtuu.

Saanko muut muodot samalla kertaa?

Kyllä. Kaikki muut muodot, myös OKLCH, Display P3, Tailwind, SwiftUI, Flutter ja Android, näkyvät tuloksen alla, ja ne kopioituvat yhdellä napsautuksella.

Onko muunnin ilmainen?

Kyllä. Se on ilmainen, ei vaadi rekisteröitymistä ja toimii kokonaan selaimessasi.