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

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

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

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

Τιμή SwiftUIColor(red: 1, green: 0.341, blue: 0.2)
SwiftUI σε HSL

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

11°
100%

68%
0,210
34°

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

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

ΧρώμαHSLSwiftUI
hsl(0, 100%, 50%)Color(red: 1, green: 0, blue: 0)
hsl(120, 100%, 50%)Color(red: 0, green: 1, blue: 0)
hsl(240, 100%, 50%)Color(red: 0, green: 0, blue: 1)
hsl(0, 0%, 100%)Color(red: 1, green: 1, blue: 1)
hsl(0, 0%, 0%)Color(red: 0, green: 0, blue: 0)
hsl(0, 0%, 50.2%)Color(red: 0.502, green: 0.502, blue: 0.502)
hsl(10.59, 100%, 60%)Color(red: 1, green: 0.341, blue: 0.2)
hsl(217.22, 91.22%, 59.8%)Color(red: 0.231, green: 0.51, blue: 0.965)
hsl(160.12, 84.08%, 39.41%)Color(red: 0.063, green: 0.725, blue: 0.506)
hsl(37.69, 92.13%, 50.2%)Color(red: 0.961, green: 0.62, blue: 0.043)
hsl(258.31, 89.53%, 66.27%)Color(red: 0.545, green: 0.361, blue: 0.965)
hsl(330.37, 81.19%, 60.39%)Color(red: 0.925, green: 0.282, blue: 0.6)

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

Το HSL περιγράφει την απόχρωση σε μοίρες και τον κορεσμό και τη φωτεινότητα σε ποσοστό. Διαβάζεται εύκολα, αλλά η φωτεινότητά του δεν είναι αντιληπτικά ομοιόμορφη: το κίτρινο στο 50% φαίνεται πολύ πιο ανοιχτό από το μπλε στο 50%.

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

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

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

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

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

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

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

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

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

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

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

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