Μετατροπή SwiftUI σε HEX

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

Από SwiftUI

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

Τιμή HEX#ff5733

HEX σε SwiftUI

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

Απόχρωση11°

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

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

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

Απόχρωση34°

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

Παραδείγματα μετατροπής SwiftUI σε HEX

Χρώμα	SwiftUI	HEX
	Color(red: 1, green: 0, blue: 0)	#ff0000
	Color(red: 0, green: 1, blue: 0)	#00ff00
	Color(red: 0, green: 0, blue: 1)	#0000ff
	Color(red: 1, green: 1, blue: 1)	#ffffff
	Color(red: 0, green: 0, blue: 0)	#000000
	Color(red: 0.502, green: 0.502, blue: 0.502)	#808080
	Color(red: 1, green: 0.341, blue: 0.2)	#ff5733
	Color(red: 0.231, green: 0.51, blue: 0.965)	#3b82f6
	Color(red: 0.063, green: 0.725, blue: 0.506)	#10b981
	Color(red: 0.961, green: 0.62, blue: 0.043)	#f59e0b
	Color(red: 0.545, green: 0.361, blue: 0.965)	#8b5cf6
	Color(red: 0.925, green: 0.282, blue: 0.6)	#ec4899

Σχετικά με τα SwiftUI και HEX

Το SwiftUI περιγράφει ένα χρώμα με κόκκινο, πράσινο και μπλε από 0 έως 1, γραμμένο ως Color(red: 1, green: 0.341, blue: 0.2). Η αδιαφάνεια προστίθεται με την παράμετρο opacity.

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

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

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

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

Πώς μετατρέπω SwiftUI σε HEX;

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

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

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

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

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

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

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