Χρωματική παλέτα διαβάθμισης
Η παλέτα διαβάθμισης προχωρά με ομοιόμορφα βήματα από το σκουρότερο στο ανοιχτότερο χρώμα. Είναι η άμεση αφετηρία για ένα CSS `linear-gradient` ή μια χρωματική κλίμακα συστήματος σχεδιασμού.
Παράδειγμα παλέτας
500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC
Δεκαεξαδικοί κωδικοί έτοιμοι για αντιγραφή
Μια κλίμακα, όχι απλώς μια συλλογή
Σε αντίθεση με τις άλλες αρμονίες, εδώ η σειρά έχει σημασία. Κάθε χρώμα είναι ένα βήμα ανάμεσα σε δύο άκρα, κάτι που το κάνει ιδανική βάση για την ονομασία μεταβλητών σχεδιασμού (100, 200, 300…) και προβλέψιμες διαφορές αντίθεσης μεταξύ επιπέδων.
Επικολλήστε τη απευθείας στο CSS σας
Εξαγάγετε την παλέτα ως μεταβλητές CSS ή ρυθμίσεις Tailwind και χρησιμοποιήστε τα δύο άκρα για τη διαβάθμιση και τα ενδιάμεσα βήματα για φόντα, περιγράμματα και καταστάσεις. Το LFColors δημιουργεί και τις δύο μορφές με ένα κλικ.
Δημιουργία της παλέτας μου: διαβάθμιση
Δωρεάν, χωρίς εγγραφή