Περιηγηθείτε σε όλα τα 140 τυπικά ονομαστικά χρώματα CSS/HTML σε ένα όμορφο πλέγμα δειγμάτων — αναζητήστε κατά όνομα ή hex, φιλτράρετε κατά οικογένεια χρωμάτων και αντιγράψτε την τιμή hex, rgb() ή hsl() οποιουδήποτε χρώματος με ένα κλικ. Στον περιηγητή σας, δωρεάν.

Και τα 140 τυπικά ονομασμένα χρώματα CSS/HTML, με τις τιμές hex, RGB και HSL τους. Όλα εκτελούνται στο πρόγραμμα περιήγησής σας από ενσωματωμένη αναφορά — τίποτα δεν αποστέλλεται στον διακομιστή.

Κανένα χρώμα δεν ταιριάζει με την αναζήτησή σας.
Δοκιμάστε διαφορετικό όνομα ή hex — για παράδειγμα RebeccaPurple, #00FF00 ή teal.

Σχετικά με το Ονόματα Χρωμάτων HTML

Αυτή η αναφορά παρουσιάζει όλα τα 140 τυπικά ονομασμένα χρώματα CSS/HTML — την πλήρη λίστα που κατανοούν τα προγράμματα περιήγησης, από το AliceBlue έως το YellowGreen — ως ένα responsive πλέγμα δειγμάτων. Κάθε δείγμα δείχνει το ίδιο το χρώμα με το όνομα και τη δεκαεξαδική τιμή του, και το κλικ σε ένα ανοίγει τις μορφές hex, rgb() και hsl() του, καθεμία αντιγράψιμη με ένα κλικ.

Μπορείτε να αναζητήσετε με όνομα ή δεκαεξαδική τιμή — Tomato και #FF6347 βρίσκουν το ίδιο δείγμα — και να φιλτράρετε ανά οικογένεια: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites, και Grays & Blacks. Η προβολή οικογένειας είναι ο ταχύτερος τρόπος να συντάξετε λίστα υποψηφίων όταν γνωρίζετε περίπου την απόχρωση που θέλετε.

Τα ονομασμένα χρώματα είναι βολικά για πρωτότυπα, παραδείγματα κώδικα, γεμίσματα SVG και διδασκαλία, επειδή ένα όνομα όπως RebeccaPurple μεταφέρει την πρόθεση καλύτερα από μια δεκαεξαδική τριάδα. Οι τιμές RGB και HSL προκύπτουν στο πρόγραμμα περιήγησής σας από το hex κάθε χρώματος, και τίποτα από όσα αναζητάτε δεν στέλνεται σε διακομιστή.

Πώς να χρησιμοποιήσετε το Ονόματα Χρωμάτων HTML

  1. Αναζητήστε με όνομα χρώματος ή δεκαεξαδική τιμή — για παράδειγμα Tomato, teal ή #00FF00.
  2. Φιλτράρετε ανά οικογένεια — Reds, Blues, Grays και ούτω καθεξής — για να συντάξετε λίστα χρωμάτων σε ένα εύρος απόχρωσης.
  3. Κάντε κλικ σε ένα δείγμα για να αντιγράψετε ακαριαία τη δεκαεξαδική τιμή του.
  4. Ανοίξτε το popover του δείγματος για να αντιγράψετε αντ' αυτού τη μορφή rgb() ή hsl().

Συχνές ερωτήσεις

Υπάρχουν 140 τυπικά ονομασμένα χρώματα στη σύγχρονη CSS, επεκτείνοντας τα αρχικά 16 χρώματα HTML με τη μεγαλύτερη λίστα προερχόμενη από το X11. Κάθε τρέχον πρόγραμμα περιήγησης τα υποστηρίζει όλα, σε οποιαδήποτε ιδιότητα που δέχεται χρώμα.

Όχι. Τα tomato, Tomato και TOMATO είναι όλα έγκυρα και πανομοιότυπα στην CSS και HTML. Οι μορφές με κεφαλαία ενδιάμεσα που φαίνονται εδώ είναι απλώς η συμβατική γραφή που κάνει αναγνώσιμα ονόματα πολλαπλών λέξεων όπως το LightGoldenrodYellow.

Τα ονόματα είναι εξαιρετικά για παραδείγματα, πρωτότυπα και μεμονωμένες πινελιές· οι παραγωγικές παλέτες συνήθως ζουν σε custom properties με τιμές hex, rgb() ή hsl(), επειδή τα χρώματα ενός συστήματος σχεδιασμού σπάνια ταιριάζουν ακριβώς με ένα ονομασμένο χρώμα. Λειτουργικά, ένα όνομα και το hex του είναι εναλλάξιμα.

Η CSS περιλαμβάνει και τις δύο γραφές για το gray και τις παραλλαγές του — gray/grey, darkgray/darkgrey και ούτω καθεξής — αντιστοιχίζοντας κάθε ζεύγος στην ίδια τιμή, οπότε καμία γραφή δεν είναι λανθασμένη.

Ναι. Όλα τα 140 δείγματα, η αναζήτηση, τα φίλτρα οικογένειας και η αντιγραφή hex/rgb()/hsl() είναι δωρεάν και εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας.

Κοινοποίηση
Χρειάζεστε βοήθεια;
Βρήκατε πρόβλημα με αυτό το εργαλείο; Ενημερώστε μας.
Αναφορά προβλήματος

Προσθέστε αυτό το δωρεάν εργαλείο στον δικό σας ιστότοπο — αντιγράψτε και επικολλήστε τον παρακάτω κώδικα.