Μετατροπέας Χρωμάτων — Online HEX, RGB, HSL Μετατροπέας _

Τι είναι η μετατροπή χρωμάτων;

Κάθε χρώμα που αποδίδει το πρόγραμμα περιήγησής σας είναι τελικά μια τριπλέτα sRGB — τρεις αριθμοί μεταξύ 0 και 255. Η προδιαγραφή CSS Color Level 4 ορίζει πολλές μορφές κειμένου.

Πώς λειτουργεί η μετατροπή χρωμάτων;

Η μετατροπή είναι μια σειρά καθορισμένων γραμμικών και μη γραμμικών μετασχηματισμών. Κάθε βήμα εκτελείται στο πρόγραμμα περιήγησής σας.

1. Η είσοδός σας αναλύεται. Ανιχνεύονται αυτόματα δεκαεξαδικοί κωδικοί, rgb(), hsl(), hsv() ή ονομασμένα χρώματα.
2. Το χρώμα κανονικοποιείται σε κανονικό sRGB — τέσσερις αριθμοί {r, g, b, a} κάθε στο εύρος 0-1.
3. Το HEX προκύπτει από στρογγυλοποίηση κάθε καναλιού στην τιμή byte 0-255. Τα RGB/RGBA εκτυπώνουν τα ίδια bytes.
4. Το CMYK είναι μια απλή προσέγγιση — κατάλληλη για προεπισκόπηση οθόνης αλλά όχι για εκτύπωση.
5. Το OKLCH ακολουθεί τη διαδρομή css-color-4: sRGB γραμμικοποιείται, πολλαπλασιάζεται μέσω του πίνακα LMS και μετατρέπεται σε πολικό OKLCH.

Γιατί να χρησιμοποιήσετε αυτόν τον μετατροπέα χρωμάτων;

• Ιδιωτικότητα: κάθε μετατροπή γίνεται στο πρόγραμμα περιήγησής σας. Το χρώμα σας δεν εγκαταλείπει ποτέ τη συσκευή σας.
• Μετάβαση σχεδιαστή-προγραμματιστή: επικολλήστε το HEX από Figma και διαβάστε rgb(), hsl() ή oklch().
• Ακρίβεια WCAG: ο έλεγχος αντίθεσης χρησιμοποιεί τον ακριβή τύπο σχετικής φωτεινότητας WCAG 2.1.
• Παραγωγή σκούρου θέματος: τα HSL και OKLCH εκθέτουν τη φωτεινότητα ως ένα κανάλι.

Ποια είναι τα κοινά παραδείγματα χρήσης;

Η μετατροπή χρωμάτων εμφανίζεται στην ανάπτυξη Ιστού, τον σχεδιασμό και την προσβασιμότητα:

• Συστήματα σχεδιασμού: μετατροπή HEX σε HSL και OKLCH για κλίμακα custom ιδιοτήτων CSS.
• Έλεγχοι προσβασιμότητας: επικόλληση ζεύγους χρωμάτων και ανάγνωση της αναλογίας αντίθεσης.
• Διασταυρούμενες μετατροπές: λήψη χρώματος από επιλογέα (HEX) και αντιγραφή hsl() ή oklch().

Πώς μοιάζει ένα παράδειγμα;

Το rebeccapurple επιλύεται σε #663399. RGB: rgb(102, 51, 153). HSL: hsl(270, 50%, 40%). Αντίθεση με λευκό: περίπου 7.39.

Χρησιμοποιήστε αυτόν τον μετατροπέα για αναφορά χρωμάτων και τον έλεγχο αντίθεσης ως επαλήθευση πριν από την αποστολή.