Siirry värivalitsimeen

RGB–Flutter / Compose-muunnin

Liitä RGB-arvo, niin saat Flutter / Compose-arvon heti. Myös muut muodot käyvät.

Tunnistettu: RGB

Flutter / Compose-arvoColor(0xFFFF5733)
Flutter / Compose–RGB-muunnin

Säädä väriä

11°
100 %

68 %
0,210
34°

Kaikki muut muodot

RGB–Flutter / Compose-esimerkkejä

VäriRGBFlutter / Compose
rgb(255, 0, 0)Color(0xFFFF0000)
rgb(0, 255, 0)Color(0xFF00FF00)
rgb(0, 0, 255)Color(0xFF0000FF)
rgb(255, 255, 255)Color(0xFFFFFFFF)
rgb(0, 0, 0)Color(0xFF000000)
rgb(128, 128, 128)Color(0xFF808080)
rgb(255, 87, 51)Color(0xFFFF5733)
rgb(59, 130, 246)Color(0xFF3B82F6)
rgb(16, 185, 129)Color(0xFF10B981)
rgb(245, 158, 11)Color(0xFFF59E0B)
rgb(139, 92, 246)Color(0xFF8B5CF6)
rgb(236, 72, 153)Color(0xFFEC4899)

Tietoa muodoista RGB ja Flutter / Compose

RGB antaa punaiselle, vihreälle ja siniselle arvon väliltä 0–255. Se kuvaa, miten näyttö sekoittaa valoa, ja modernissa CSS:ssä se kirjoitetaan rgb(255 87 51).

Flutter ja Jetpack Compose kirjoittavat värin yhtenä 32-bittisenä ARGB-lukuna, esimerkiksi Color(0xFFFF5733). Kaksi heksanumeroa 0x:n jälkeen ovat alfa, ja FF tarkoittaa täysin peittävää.

Näin muunnos toimii

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

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

Onko RGB–Flutter / Compose-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.