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

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

Από Flutter / Compose

Αναγνωρίστηκε ως κώδικας Flutter

Τιμή OKLCHoklch(68.036% 0.21001 33.692)

OKLCH σε Flutter / Compose

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

Απόχρωση11°

Αδιαφάνεια100%

Φωτεινότητα68%

Χρωματική ένταση0,210

Απόχρωση34°

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

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

Χρώμα	Flutter / Compose	OKLCH
	Color(0xFFFF0000)	oklch(62.796% 0.25768 29.234)
	Color(0xFF00FF00)	oklch(86.644% 0.29483 142.495)
	Color(0xFF0000FF)	oklch(45.201% 0.31321 264.052)
	Color(0xFFFFFFFF)	oklch(100% 0 0)
	Color(0xFF000000)	oklch(0% 0 0)
	Color(0xFF808080)	oklch(59.987% 0 0)
	Color(0xFFFF5733)	oklch(68.036% 0.21001 33.692)
	Color(0xFF3B82F6)	oklch(62.308% 0.18801 259.815)
	Color(0xFF10B981)	oklch(69.587% 0.14907 162.48)
	Color(0xFFF59E0B)	oklch(76.859% 0.16466 70.08)
	Color(0xFF8B5CF6)	oklch(60.563% 0.21892 292.717)
	Color(0xFFEC4899)	oklch(65.592% 0.21177 354.308)

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

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

Το OKLCH είναι το OKLab σε πολική μορφή: φωτεινότητα, χρωματική ένταση και απόχρωση. Το Tailwind CSS v4 το χρησιμοποιεί για όλη την παλέτα του, επειδή η αλλαγή φωτεινότητας κρατά σταθερή την απόχρωση.

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

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

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

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

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

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

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

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

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

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

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