Δημιουργός Αποχρώσεων Χρώματος

Σχετικά με το Δημιουργός Αποχρώσεων Χρώματος

Ο Δημιουργός Αποχρώσεων Χρώματος επεκτείνει ένα μεμονωμένο χρώμα σε ένα πλήρες φάσμα ανοιχτόχρωμων και σκουρόχρωμων αποχρώσεων. Δώστε του ένα βασικό χρώμα και παράγει προοδευτικά πιο ανοιχτές αποχρώσεις στη μία πλευρά και προοδευτικά πιο σκούρες στην άλλη — την κλασική κλίμακα τύπου 50-έως-900 που χρησιμοποιείται σε σύγχρονα συστήματα σχεδίασης.

Δύο ρυθμίσεις διαμορφώνουν την έξοδο: το ποσοστό βήματος καθορίζει πόσο πιο ανοιχτή ή πιο σκούρα γίνεται κάθε απόχρωση (1–25% ανά βήμα), και ο αριθμός καθορίζει πόσες ανοιχτόχρωμες και σκουρόχρωμες αποχρώσεις εμφανίζονται σε κάθε πλευρά του βασικού χρώματος, έως δέκα. Μια λωρίδα διαβάθμισης προεπισκοπεί ολόκληρη την κλίμακα με μια ματιά.

Η δημιουργία γίνεται άμεσα στο πρόγραμμα περιήγησής σας καθώς πληκτρολογείτε — τίποτα δεν αποστέλλεται σε διακομιστή. Αντιγράψτε οποιαδήποτε μεμονωμένη τιμή, την πλήρη λίστα, ή ολόκληρη την κλίμακα ως μεταβλητές CSS, έτοιμη για ένα αρχείο design tokens ή μια χρωματική κλίμακα τύπου Tailwind.

Πώς να χρησιμοποιήσετε το Δημιουργός Αποχρώσεων Χρώματος

1. Επιλέξτε ένα βασικό χρώμα με τον επιλογέα ή πληκτρολογήστε μια τιμή· κάντε κλικ στο «Random color» για έμπνευση.
2. Ρυθμίστε το ποσοστό βήματος για να ελέγξετε πόσο έντονα ανοίγει ή σκουραίνει κάθε απόχρωση.
3. Επιλέξτε τον αριθμό αποχρώσεων για να καθορίσετε πόσες εμφανίζονται σε κάθε πλευρά.
4. Κάντε κλικ σε ένα δείγμα για να το αντιγράψετε, ή χρησιμοποιήστε «Copy all» και «Copy CSS variables» για ολόκληρη την κλίμακα.

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