Επιλογέας χρωμάτων και γεννήτρια παλέτας δωρεάν
Επιλέξτε χρώματα, μετατρέψτε μεταξύ HEX/RGB/HSL και δημιουργήστε αρμονικές παλέτες.
RGB
HSL
Περισσότερες μορφές
WCAG αντίθεση
Πλησιέστερο ονομαστό χρώμα: dodgerblue · Το μαύρο κείμενο διαβάζεται ευκολότερα εδώ (5,71:1)
Αποχρώσεις και τόνοι (50–950)
Παλέτα χρωμάτων
Συμπληρωματικό
Τριαδικό
Αναλογικό
Μονοχρωματικό
Συνηθισμένες χρήσεις
- Επιλογέας χρωμάτων για σχεδίαση ιστούΕπιλέξτε και δημιουργήστε χρώματα για τον ιστότοπό σας — λήψη τιμών HEX, RGB και HSL συν αρμονικές παλέτες.
- Επιλογέας χρωμάτων για επιχείρησηΔημιουργήστε την παλέτα χρωμάτων της μάρκας σας — επιλέξτε πρωτεύοντα, δευτερεύοντα και χρώματα έμφασης που λειτουργούν μαζί.
- Επιλογέας χρωμάτων για κοινωνικά μέσαΔημιουργήστε παλέτες χρωμάτων που προσελκύουν το μάτι για δημοσιεύσεις κοινωνικών μέσων, ιστορίες και σχεδίαση προφίλ.
- Επιλογέας χρωμάτων για σχεδίαση εκτύπωσηςΕπιλέξτε χρώματα για τυπωμένα υλικά — φυλλάδια, επαγγελματικές κάρτες, φυλλάδια — με ακριβή προεπισκοπήσεις χρωμάτων.
- Επιλογέας χρωμάτων για παρουσιάσειςΣχεδιάστε χρωματικά σχήματα διαφανειών — επιλέξτε αναγνώσιμο χρώμα κειμένου, παλέτες γραφημάτων και συνεπή χρώματα έμφασης.
Πώς λειτουργεί
Όλα εκτελούνται απευθείας στον browser σας με χειρόγραφα μαθηματικά μετατροπής — χωρίς βιβλιοθήκη χρωμάτων ή επικοινωνία με διακομιστή. Επιλέγετε χρώμα μέσω του εγγενούς πεδίου χρώματος του browser ή του EyeDropper API και το εργαλείο το μετατρέπει αμέσως σε έξι μορφές, υπολογίζοντας παράλληλα λόγους αντίθεσης WCAG και δημιουργώντας παλέτες αρμονίας.
- 1Είσοδος χρώματος μέσω εγγενούς APIΕπιλέγετε χρώμα μέσω του ενσωματωμένου widget <input type="color"> του browser ή — σε browsers βασισμένους στο Chromium — το EyeDropper API σάς επιτρέπει να πάρετε δείγμα από οποιοδήποτε pixel της οθόνης. Και οι δύο διαδρομές επιστρέφουν μια συμβολοσειρά hex που γίνεται η μοναδική πηγή αλήθειας.
- 2Χειρόγραφες μετατροπές μορφώνΤο εργαλείο μετατρέπει την τιμή hex σε RGB, HSL, HSV, CMYK και OKLCH με δικές του μαθηματικές συναρτήσεις (χωρίς εξωτερική βιβλιοθήκη). Η μετατροπή OKLCH γραμμικοποιεί τα κανάλια sRGB, εφαρμόζει τον πίνακα κυβικής ρίζας OKLab και εξάγει το chroma και τη γωνία απόχρωσης — σύμφωνα με τη σύγχρονη έξοδο CSS Color Level 4.
- 3Υπολογισμός λόγου αντίθεσης WCAGΗ σχετική φωτεινότητα υπολογίζεται από τα γραμμικοποιημένα κανάλια RGB με τον τύπο του WCAG 2.x. Έπειτα το εργαλείο υπολογίζει λόγους αντίθεσης έναντι καθαρού λευκού και καθαρού μαύρου και τους χαρακτηρίζει AA-large, AA, AAA ή Fail σύμφωνα με τα όρια του WCAG (3:1, 4.5:1, 7:1).
- 4Δημιουργία παλετών αρμονίας και τοπική αποθήκευσηΤα συμπληρωματικά, τριαδικά, ανάλογα και μονοχρωματικά δείγματα προκύπτουν περιστρέφοντας ή μεταβάλλοντας μαθηματικά τις τιμές απόχρωσης και φωτεινότητας HSL. Οι αποθηκευμένες παλέτες γράφονται στο localStorage του browser σας — τίποτα δεν φεύγει από τη συσκευή σας.
Σχετικά εργαλεία
Γεννήτρια τυχαίων χρωμάτων
Δημιουργήστε τυχαία χρώματα ένα-ένα ή ως παλέτα πέντε χρωμάτων, κλειδώστε όσα σας αρέσουν, αντιγράψτε τιμές HEX, RGB ή HSL και εξαγάγετε την παλέτα ως PNG ή CSS.
Μετατροπέας Χρωμάτων
Μετατρέψτε χρώματα μεταξύ HEX, RGB, HSL, HSV και CMYK άμεσα. Περιλαμβάνει κλίμακα φωτεινότητας και προεπιλεγμένα δείγματα.
Εξαγωγέας Χρωματικής Παλέτας Εικόνας
Εξαγάγετε τα κυρίαρχα χρώματα από οποιαδήποτε εικόνα χρησιμοποιώντας κβαντισμό χρωμάτων k-means. Λάβετε κωδικούς hex για τα κορυφαία 2-16 χρώματα της φωτογραφίας ή λογοτύπου σας.