Siirry värivalitsimeen

Android XML–OKLCH-muunnin

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

Tunnistettu: HEX

OKLCH-arvooklch(68.036% 0.21001 33.692)

Säädä väriä

11°
100 %

68 %
0,210
34°

Kaikki muut muodot

Android XML–OKLCH-esimerkkejä

VäriAndroid XMLOKLCH
#FF0000oklch(62.796% 0.25768 29.234)
#00FF00oklch(86.644% 0.29483 142.495)
#0000FFoklch(45.201% 0.31321 264.052)
#FFFFFFoklch(100% 0 0)
#000000oklch(0% 0 0)
#808080oklch(59.987% 0 0)
#FF5733oklch(68.036% 0.21001 33.692)
#3B82F6oklch(62.308% 0.18801 259.815)
#10B981oklch(69.587% 0.14907 162.48)
#F59E0Boklch(76.859% 0.16466 70.08)
#8B5CF6oklch(60.563% 0.21892 292.717)
#EC4899oklch(65.592% 0.21177 354.308)

Tietoa muodoista Android XML ja OKLCH

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ä.

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

Näin muunnos toimii

Luemme Android XML-arvon, muunnamme sen CIE XYZ -avaruuteen CSS Color 4 -määrityksen matriiseilla ja siitä edelleen OKLCH-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 Android XML-arvon OKLCH-muotoon?

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

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