Γεννήτρια Αποχρώσεων Χρωμάτων

Αναφορά

Τι είναι τα tints και τα shades;

Στη θεωρία χρωμάτων, ένα tint είναι οποιοδήποτε χρώμα αναμεμειγμένο με λευκό (κάνοντάς το ανοιχτότερο), και ένα shade είναι οποιοδήποτε χρώμα αναμεμειγμένο με μαύρο (κάνοντάς το σκούρότερο). Μαζί σχηματίζουν μια μονοχρωματική παλέτα — παραλλαγές μιας μόνο απόχρωσης σε διαφορετικά επίπεδα φωτεινότητας. Αυτό το εργαλείο δημιουργεί μια πλήρη κλίμακα από λευκό μέσα από το βασικό χρώμα σας μέχρι μαύρο, δίνοντάς σας ένα έτοιμο-προς-χρήση color ramp για σχεδιασμό και ανάπτυξη.

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

Design systems — δημιουργήστε κλίμακα 9 ή 11 βημάτων για ένα εταιρικό χρώμα, ακολουθώντας το μοτίβο του Tailwind CSS (50–950), Material Design και των περισσότερων σύγχρονων design systems. Καταστάσεις UI components — χρησιμοποιήστε ανοιχτότερα tints για backgrounds και hover states, το βασικό χρώμα για primary actions, και σκοτεινότερα shades για κείμενο, borders και active states. Οπτικοποίηση δεδομένων — δημιουργήστε διαδοχικές κλίμακες ανοιχτό-σε-σκούρο για χάρτες, heatmaps και γραφήματα. Προσβασιμότητα — βρείτε ζεύγη αποχρώσεων που πληρούν τις απαιτήσεις αναλογίας αντίθεσης WCAG (4,5:1 για κανονικό κείμενο, 3:1 για μεγάλο κείμενο).

Πώς δημιουργούνται οι αποχρώσεις

Οι αποχρώσεις δημιουργούνται με γραμμική παρεμβολή στον χώρο RGB από λευκό (#FFFFFF) μέσω του βασικού χρώματος σε μαύρο (#000000). Για N αποχρώσεις, το βασικό χρώμα εμφανίζεται στο μέσο σημείο της κλίμακας. Κάθε βήμα αναμειγνύεται ομοιόμορφα, παράγοντας σταθερή πρόοδο φωτεινότητας. Η έξοδος είναι διαθέσιμη σε μορφές HEX, RGB και HSL — αντιγράψτε μεμονωμένες τιμές ή ολόκληρη την παλέτα.

Απόρρητο

Η δημιουργία χρωμάτων εκτελείται 100% στο πρόγραμμα περιήγησής σας. Δεν αποστέλλονται δεδομένα σε κανέναν server.