Ugrás a színválasztóhoz

Flutter / Compose–RGB átváltó

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

Felismerve: Flutter kód

RGB értékrgb(255, 87, 51)

Szín finomhangolása

11°
100%

68%
0,210
34°

Az összes többi formátum

Flutter / Compose–RGB példák

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

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

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.

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

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

Beolvassuk az értéket Flutter / Compose formátumban, a CSS Color 4 specifikáció mátrixaival CIE XYZ-be alakítjuk, majd onnan RGB 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 Flutter / Compose formátumból RGB formátumba?

Illessz be vagy írj be egy Flutter / Compose é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 RGB formátumban.

Pontos az átváltás Flutter / Compose formátumból RGB 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.