Μετατροπέας Χρωμάτων δωρεάν
Μετατρέψτε χρώματα μεταξύ HEX, RGB, HSL, HSV και CMYK άμεσα. Περιλαμβάνει κλίμακα φωτεινότητας και προεπιλεγμένα δείγματα.
Μετατρέψτε ένα χρώμα μεταξύ HEX, RGB, HSL, HSV και CMYK — με ζωντανή προεπισκόπηση και αντιγραφή με ένα κλικ. Όλα εκτελούνται στο πρόγραμμα περιήγησής σας.
Δέχεται: HEX (#fff ή #ffffff), RGB (255, 255, 255) ή HSL (360, 100%, 50%)
WCAG αντίθεση
Σε λευκό φόντο
2,49:1
Σε μαύρο φόντο
8,44:1
Κλίμακα φωτεινότητας
Κάντε κλικ σε δείγμα για εναλλαγή σε αυτή την απόχρωση
Συνηθισμένες χρήσεις
- Μετατρέψτε χρώματα για webdesignΛάβετε τιμές HEX, RGB και HSL για οποιοδήποτε χρώμα - έτοιμο να επικολληθεί σε CSS ή Tailwind.
- Μετατρέψτε χρώματα για εκτύπωση (CMYK)Μετατρέψτε χρώματα οθόνης (HEX/RGB) σε τιμές CMYK για χρήση σε σχεδιασμό εκτύπωσης και επαγγελματική εκτύπωση.
- Δημιουργήστε παλέτες χρωμάτων για συστήματα σχεδιασμούΜετατρέψτε χρώματα εμπορικών σημάτων σε όλες τις μορφές και δημιουργήστε συνεπείς κλίμακες φωτεινότητας για ένα πλήρες σύστημα σχεδιασμού.
- Ελέγχος αντίθεσης χρώματος για προσβασιμότηταΜετατρέψτε χρώματα για να λάβετε τιμές RGB για χρήση σε εργαλεία αναλογίας αντίθεσης — συμμόρφωση WCAG για προσβάσιμο σχεδιασμό.
- Μετατροπή χρωμάτων για FigmaΛάβετε τις ακριβείς τιμές HEX και RGB για επικόλληση στους επιλογείς χρώματος Figma και συστήματα σήματα σχεδιασμού.
Πώς λειτουργεί
Όλη η λογική μετατροπής είναι χειρόγραφη JavaScript που εκτελείται εξ ολοκλήρου στον browser σας — χωρίς βιβλιοθήκη ή κλήση σε διακομιστή. Το εργαλείο αναλύει την είσοδό σας, τη διοχετεύει σε μια αλυσίδα καθαρών μαθηματικών συναρτήσεων και παράγει ταυτόχρονα έντεκα μορφές εξόδου, μαζί με τους σύγχρονους χώρους CSS Color 4 oklch() και lab().
- 1Ευέλικτη ανάλυση εισόδουΈνας προσαρμοσμένος αναλυτής δέχεται hex (3, 4, 6 ή 8 ψηφία), rgb()/rgba(), hsl()/hsla() τόσο με την παλιά σύνταξη κομμάτων όσο και με τη σύγχρονη σύνταξη κενών, και σκέτες αριθμητικές τριάδες. Οι τιμές alpha ως δεκαδικοί ή ποσοστά κανονικοποιούνται στο εύρος 0–1 πριν ξεκινήσει οποιαδήποτε μετατροπή.
- 2Το RGB ως κόμβος μετατροπήςΚάθε αποδεκτή μορφή μετατρέπεται πρώτα σε κανονική τριάδα RGB. Από αυτή τη μοναδική αναπαράσταση το εργαλείο διακλαδώνεται: τα HSL και HSV χρησιμοποιούν τους τυπικούς τύπους min/max/chroma· το CMYK προκύπτει βρίσκοντας το κανάλι key· και η γραμμικοποίηση sRGB (η τμηματική καμπύλη γάμμα του IEC 61966-2-1) εφαρμόζεται πριν από τους υπολογισμούς στους αντιληπτικούς χώρους.
- 3Αντιληπτικοί χρωματικοί χώροι υπολογισμένοι από το μηδένΤο oklch() υπολογίζεται με τους πίνακες αναφοράς 3×3 του Björn Ottosson (χώρος κυβικής ρίζας LMS). Τα lab() και lch() χρησιμοποιούν χρωματική προσαρμογή Bradford για μετατροπή από το λευκό σημείο D65 στο D50, όπως ορίζει το lab() η CSS Color 4. Είναι οι ίδιοι τύποι που χρησιμοποιούν οι μηχανές απόδοσης των browsers — υλοποιημένοι εδώ χωρίς καμία εξωτερική εξάρτηση.
- 4Αντίθεση WCAG και κλίμακα φωτεινότηταςΗ σχετική φωτεινότητα υπολογίζεται με τον τύπο του WCAG 2.1 (γραμμικοποιημένα R, G, B με βάρη 0.2126/0.7152/0.0722) και ο λόγος αντίθεσης έναντι λευκού και μαύρου βαθμολογείται ως AA-large, AA, AAA ή Fail. Μια λωρίδα φωτεινότητας εννέα βημάτων δημιουργείται μεταβάλλοντας το κανάλι φωτεινότητας HSL από 10% έως 90%, και μπορείτε να κάνετε κλικ σε οποιοδήποτε δείγμα για να μετατρέψετε εκείνη την απόχρωση.
Σχετικά εργαλεία
Επιλογέας χρωμάτων και γεννήτρια παλέτας
Επιλέξτε χρώματα, μετατρέψτε μεταξύ HEX/RGB/HSL και δημιουργήστε αρμονικές παλέτες.
Γεννήτρια τυχαίων χρωμάτων
Δημιουργήστε τυχαία χρώματα ένα-ένα ή ως παλέτα πέντε χρωμάτων, κλειδώστε όσα σας αρέσουν, αντιγράψτε τιμές HEX, RGB ή HSL και εξαγάγετε την παλέτα ως PNG ή CSS.
Γεννήτρια Χρωματικής Παλέτας
Δημιουργήστε συμπληρωματικές, ανάλογες, τριαδικές και μονοχρωματικές χρωματικές παλέτες από οποιοδήποτε βασικό χρώμα. Αντιγράψτε κωδικούς hex με ένα κλικ.