Ugrás a színválasztóhoz

RGB–Flutter / Compose átváltó

Illessz be egy RGB értéket, és azonnal megkapod Flutter / Compose formátumban. Bármely más formátum is működik.

Felismerve: RGB

Flutter / Compose értékColor(0xFFFF5733)
Flutter / Compose–RGB

Szín finomhangolása

11°
100%

68%
0,210
34°

Az összes többi formátum

RGB–Flutter / Compose példák

SzínRGBFlutter / 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)

A formátumokról: RGB és Flutter / Compose

Az RGB a pirosat, a zöldet és a kéket 0 és 255 közötti értékkel adja meg. Azt írja le, hogyan keveri a képernyő a fényt, a modern CSS-ben így írjuk: rgb(255 87 51).

A Flutter és a Jetpack Compose a színt egyetlen 32 bites ARGB számként írja, például Color(0xFFFF5733). A 0x utáni két hexa jegy az alfa, az FF teljesen fedőt jelent.

Hogyan működik az átváltás

Beolvassuk az értéket RGB formátumban, a CSS Color 4 specifikáció mátrixaival CIE XYZ-be alakítjuk, majd onnan Flutter / Compose formátumba. A céltartományon kívül eső értékeket a CSS Color 4 algoritmusa képezi le: megtartja a világosságot és a színezetet, a krómát pedig csökkenti.

Kérdések és válaszok

Hogyan váltok át RGB formátumból Flutter / Compose formátumba?

Illessz be vagy írj be egy RGB értéket a fenti mezőbe. A PickShade gépelés közben átváltja a CSS Color 4 képleteivel, és egy kattintással kimásolhatod az értéket Flutter / Compose formátumban.

Pontos az átváltás RGB formátumból Flutter / Compose formátumba?

A számítás pontos, az eredményt csak a megjelenítéshez kerekítjük, annyi számjegyre, hogy visszaalakítva ugyanazt a színt kapd. Ha a szín nem fér bele a céltartományba, a PickShade figyelmeztet, és a legközelebbi beleférő színt mutatja.

Megkaphatom egyszerre a többi formátumot is?

Igen. Az összes többi formátum, köztük az OKLCH, a Display P3, a Tailwind, a SwiftUI, a Flutter és az Android, az eredmény alatt található, és egy kattintással másolható.

Ingyenes ez az átváltó?

Igen. Ingyenes, nem kell hozzá regisztráció, és teljes egészében a böngésződben fut.