Siirry värivalitsimeen

Flutter / Compose–HEX-muunnin

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

Tunnistettu: Flutter-koodi

HEX-arvo#ff5733

Säädä väriä

11°
100 %

68 %
0,210
34°

Kaikki muut muodot

Flutter / Compose–HEX-esimerkkejä

VäriFlutter / ComposeHEX
Color(0xFFFF0000)#ff0000
Color(0xFF00FF00)#00ff00
Color(0xFF0000FF)#0000ff
Color(0xFFFFFFFF)#ffffff
Color(0xFF000000)#000000
Color(0xFF808080)#808080
Color(0xFFFF5733)#ff5733
Color(0xFF3B82F6)#3b82f6
Color(0xFF10B981)#10b981
Color(0xFFF59E0B)#f59e0b
Color(0xFF8B5CF6)#8b5cf6
Color(0xFFEC4899)#ec4899

Tietoa muodoista Flutter / Compose ja HEX

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

HEX kirjoittaa punaisen, vihreän ja sinisen kukin kahdella heksadesimaalinumerolla, esimerkiksi #ff5733. Se on yleisin tapa merkitä värejä verkossa ja suunnittelutyökaluissa.

Näin muunnos toimii

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

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

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