HSL–Android XML-muunnin
Liitä HSL-arvo, niin saat Android XML-arvon heti. Myös muut muodot käyvät.
HSL–Android XML-esimerkkejä
Tietoa muodoista HSL ja Android XML
HSL ilmoittaa sävyn asteina sekä kylläisyyden ja vaaleuden prosentteina. Sitä on helppo lukea, mutta sen vaaleus ei ole havainnollisesti tasainen: 50 %:n keltainen näyttää paljon vaaleammalta kuin 50 %:n sininen.
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 HSL-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 HSL-arvon Android XML-muotoon?
Liitä tai kirjoita HSL-arvo yllä olevaan kenttään. PickShade muuntaa sen CSS Color 4 -kaavoilla jo kirjoittaessasi, ja Android XML-arvon kopioit yhdellä napsautuksella.
Onko HSL–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.