Μετάβαση στον επιλογέα χρωμάτων

Μετατροπή HEX σε Flutter / Compose

Επικολλήστε μια τιμή HEX και πάρτε αμέσως Flutter / Compose. Λειτουργεί και με κάθε άλλη μορφή.

Αναγνωρίστηκε ως HEX

Τιμή Flutter / ComposeColor(0xFFFF5733)
Flutter / Compose σε HEX

Ρύθμιση χρώματος

11°
100%

68%
0,210
34°

Όλες οι άλλες μορφές

Παραδείγματα μετατροπής HEX σε Flutter / Compose

ΧρώμαHEXFlutter / Compose
#ff0000Color(0xFFFF0000)
#00ff00Color(0xFF00FF00)
#0000ffColor(0xFF0000FF)
#ffffffColor(0xFFFFFFFF)
#000000Color(0xFF000000)
#808080Color(0xFF808080)
#ff5733Color(0xFFFF5733)
#3b82f6Color(0xFF3B82F6)
#10b981Color(0xFF10B981)
#f59e0bColor(0xFFF59E0B)
#8b5cf6Color(0xFF8B5CF6)
#ec4899Color(0xFFEC4899)

Σχετικά με τα HEX και Flutter / Compose

Το HEX γράφει το κόκκινο, το πράσινο και το μπλε με δύο δεκαεξαδικά ψηφία το καθένα, π.χ. #ff5733. Είναι ο πιο διαδεδομένος τρόπος γραφής χρωμάτων στο web και στα εργαλεία σχεδίασης.

Το Flutter και το Jetpack Compose γράφουν ένα χρώμα ως έναν αριθμό ARGB 32 bit, π.χ. Color(0xFFFF5733). Τα δύο δεκαεξαδικά ψηφία μετά το 0x είναι το άλφα, και FF σημαίνει πλήρως αδιαφανές.

Πώς γίνεται η μετατροπή

Διαβάζουμε την τιμή HEX, τη μετατρέπουμε σε CIE XYZ με τους πίνακες της προδιαγραφής CSS Color 4 και μετά σε Flutter / Compose. Οι τιμές εκτός του χρωματικού εύρους προορισμού προσαρμόζονται με τον αλγόριθμο του CSS Color 4, που διατηρεί τη φωτεινότητα και την απόχρωση και μειώνει τη χρωματική ένταση.

Ερωτήσεις και απαντήσεις

Πώς μετατρέπω HEX σε Flutter / Compose;

Επικολλήστε ή πληκτρολογήστε μια τιμή HEX στο πεδίο παραπάνω. Το PickShade τη μετατρέπει με τους τύπους του CSS Color 4 καθώς γράφετε και με ένα κλικ αντιγράφετε την τιμή Flutter / Compose.

Είναι ακριβής η μετατροπή HEX σε Flutter / Compose;

Οι υπολογισμοί είναι ακριβείς και το αποτέλεσμα στρογγυλοποιείται μόνο για την εμφάνιση, με αρκετά ψηφία ώστε η αντίστροφη μετατροπή να δίνει το ίδιο χρώμα. Αν το χρώμα δεν χωράει στο χρωματικό εύρος προορισμού, το PickShade σας προειδοποιεί και δείχνει το πλησιέστερο χρώμα που χωράει.

Μπορώ να πάρω και άλλες μορφές ταυτόχρονα;

Ναι. Όλες οι άλλες μορφές, μαζί με OKLCH, Display P3, Tailwind, SwiftUI, Flutter και Android, εμφανίζονται κάτω από το αποτέλεσμα και αντιγράφονται με ένα κλικ.

Είναι δωρεάν αυτός ο μετατροπέας;

Ναι. Είναι δωρεάν, δεν χρειάζεται εγγραφή και λειτουργεί εξ ολοκλήρου στο πρόγραμμα περιήγησής σας.