Εύρεση ονόματος χρώματος από κωδικό HEX

Πώς να χρησιμοποιήσετε το εργαλείο εύρεσης ονόματος χρώματος

1. Επιλέξτε ένα χρώμα με το Επιλέξτε χρώμα ή πληκτρολογήστε μια τιμή στον Κωδικός χρώματος: έναν κωδικό HEX όπως #1E90FF, rgb(30 144 255), hsl(210 100% 56%) ή οποιοδήποτε άλλο χρώμα CSS.
2. Την πρώτη φορά, το εργαλείο φορτώνει τη λίστα με τα περίπου 32.000 ονόματα χρωμάτων (λίγες εκατοντάδες kilobyte, μία φορά ανά επίσκεψη). Μετά από αυτό, τα αποτελέσματα εμφανίζονται καθώς πληκτρολογείτε.
3. Διαβάστε το Πλησιέστερο όνομα δίπλα στο Το χρώμα σας. Όταν ο κωδικός υπάρχει ακριβώς στη λίστα, η ετικέτα γράφει Ακριβής αντιστοιχία.
4. Από κάτω εμφανίζονται τα 5 πλησιέστερα ονόματα και τα Πλησιέστερα ονομασμένα χρώματα CSS με τον κωδικό HEX και την απόστασή τους (ΔE). Χρησιμοποιήστε Αντιγραφή ονόματος ή Αντιγραφή HEX για να πάρετε ένα.
5. Αλλάξτε το Αντιστοίχιση με για σύγκριση με CIEDE2000 (CIELAB) ή Απόσταση OKLab ή πατήστε Τυχαίο χρώμα για να εξερευνήσετε.

Το χρώμα και η αναζήτηση μένουν στο πρόγραμμα περιήγησής σας.

Από πού προέρχονται τα ονόματα

Τα ονόματα προέρχονται από το color-name-list, μια συλλογή ανοιχτού κώδικα που συντηρεί ο David Aerne με πολλούς συνεισφέροντες, με άδεια MIT. Συγκεντρώνει περίπου 32.000 μοναδικά ονόματα από δείγματα χρωμάτων βαφής, ιστορικά λεξικά χρωμάτων, τη φύση, την ποπ κουλτούρα και προτάσεις της κοινότητας, από το «Absolute Zero» ως το «Zucchini». Κάθε όνομα αντιστοιχεί σε έναν ακριβώς κωδικό HEX. Τα ονόματα είναι στα αγγλικά· το εργαλείο δεν τα μεταφράζει στα ελληνικά.

Το εργαλείο συγκρίνει επίσης το χρώμα σας με τα 148 ονομασμένα χρώματα CSS του CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), τα οποία καταλαβαίνουν όλα τα προγράμματα περιήγησης. Τα συνώνυμα που έχουν τον ίδιο κωδικό εμφανίζονται μαζί, όπως gray / grey ή aqua / cyan. Αυτά είναι τα ονόματα που πρέπει να χρησιμοποιείτε σε ένα φύλλο στυλ όταν θέλετε κάτι ευανάγνωστο.

Πώς επιλέγεται το πλησιέστερο χρώμα

Η σύγκριση κωδικών HEX ψηφίο προς ψηφίο δεν λειτουργεί: τα #808080 και #7F8080 είναι σχεδόν πανομοιότυπα, αλλά μια μικρή αλλαγή σε διαφορετικό κανάλι μπορεί να φαίνεται πολύ διαφορετική. Το εργαλείο μετατρέπει κάθε χρώμα σε έναν αντιληπτικό χρωματικό χώρο και μετρά εκεί τις αποστάσεις.

• Το CIEDE2000 (CIELAB) είναι ο τύπος χρωματικής διαφοράς της Διεθνούς Επιτροπής Φωτισμού, που χρησιμοποιείται στην εκτύπωση και στην αντιστοίχιση χρωμάτων βαφής. Διορθώνει την παλαιότερη απόσταση CIELAB ως προς το πώς κρίνουν τα μάτια μας τη φωτεινότητα, τον κορεσμό και την απόχρωση, ιδίως στα μπλε και στα σχεδόν γκρι. Η υλοποίηση ακολουθεί τους Sharma, Wu και Dalal (2005) και ελέγχεται με τα δεδομένα αναφοράς τους.
• Η Απόσταση OKLab είναι η ευθεία απόσταση στο OKLab, έναν σύγχρονο χώρο σχεδιασμένο για ομοιόμορφα αντιληπτικά βήματα. Εμφανίζεται πολλαπλασιασμένη επί 100 ώστε να διαβάζεται σε κλίμακα παρόμοια με το ΔE2000. Είναι ταχύτερη και συχνά συμφωνεί με το CIEDE2000· όταν διαφωνούν, οι διαφορές είναι διακριτικές.

Ως οδηγός, ένα ΔE κάτω από 1 δεν φαίνεται στους περισσότερους ανθρώπους, από 1 έως 2 είναι πολύ μικρή διαφορά που φαίνεται μόνο δίπλα-δίπλα και πάνω από 5 τα χρώματα φαίνονται καθαρά διαφορετικά. Αν το πλησιέστερο όνομα έχει μεγάλο ΔE, το χρώμα σας απλώς βρίσκεται ανάμεσα σε ονομασμένα χρώματα.

Ιδέες για τη χρήση ονομάτων χρωμάτων

• Ονομάστε τα design tokens και τα δείγματα παλέτας με κάτι πιο φιλικό από έναν κωδικό.
• Περιγράψτε ένα χρώμα σε ένα e-mail, σε μια καταχώριση προϊόντος ή σε εναλλακτικό κείμενο εικόνας.
• Βρείτε μια λέξη-κλειδί CSS κοντά στο χρώμα μιας επωνυμίας για γρήγορα πρωτότυπα.