Siirry värivalitsimeen

OKLab–RGBA-muunnin

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

Tunnistettu: OKLab

RGBA-arvorgba(255, 87, 51, 1)
RGBA–OKLab-muunnin

Säädä väriä

11°
100 %

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)

OKLab–RGBA-esimerkkejä

VäriOKLabRGBA
oklab(62.796% 0.22486 0.12585)rgba(255, 0, 0, 1)
oklab(86.644% -0.23389 0.1795)rgba(0, 255, 0, 1)
oklab(45.201% -0.03246 -0.31153)rgba(0, 0, 255, 1)
oklab(100% 0 0)rgba(255, 255, 255, 1)
oklab(0% 0 0)rgba(0, 0, 0, 1)
oklab(59.987% 0 0)rgba(128, 128, 128, 1)
oklab(68.036% 0.17474 0.1165)rgba(255, 87, 51, 1)
oklab(62.308% -0.03325 -0.18505)rgba(59, 130, 246, 1)
oklab(69.587% -0.14216 0.04488)rgba(16, 185, 129, 1)
oklab(76.859% 0.0561 0.15481)rgba(245, 158, 11, 1)
oklab(60.563% 0.08454 -0.20193)rgba(139, 92, 246, 1)
oklab(65.592% 0.21073 -0.021)rgba(236, 72, 153, 1)

Tietoa muodoista OKLab ja RGBA

OKLab on vuonna 2020 julkaistu moderni havaintopohjainen väriavaruus. Yhtä suuret askeleet näyttävät silmälle yhtä suurilta, joten liukuvärit ja sekoitukset ovat puhtaampia kuin RGB:ssä tai HSL:ssä.

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.

Näin muunnos toimii

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

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

Onko OKLab–RGBA-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.