Siirry värivalitsimeen

OKLCH–Android XML-muunnin

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

Tunnistettu: OKLCH

Android XML-arvo#FF5733
Android XML–OKLCH-muunnin

Säädä väriä

11°
100 %

68 %
0,210
34°

Kaikki muut muodot

OKLCH–Android XML-esimerkkejä

VäriOKLCHAndroid XML
oklch(62.796% 0.25768 29.234)#FF0000
oklch(86.644% 0.29483 142.495)#00FF00
oklch(45.201% 0.31321 264.052)#0000FF
oklch(100% 0 0)#FFFFFF
oklch(0% 0 0)#000000
oklch(59.987% 0 0)#808080
oklch(68.036% 0.21001 33.692)#FF5733
oklch(62.308% 0.18801 259.815)#3B82F6
oklch(69.587% 0.14907 162.48)#10B981
oklch(76.859% 0.16466 70.08)#F59E0B
oklch(60.563% 0.21892 292.717)#8B5CF6
oklch(65.592% 0.21177 354.308)#EC4899

Tietoa muodoista OKLCH ja Android XML

OKLCH on OKLab napakoordinaatteina: vaaleus, kroma ja sävy. Tailwind CSS v4 käyttää sitä koko paletissaan, koska sävy pysyy vakaana vaaleutta muutettaessa.

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 OKLCH-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 OKLCH-arvon Android XML-muotoon?

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

Onko OKLCH–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.