⌕
Αρχική / Εργαλεία Χρωμάτων / Δημιουργία παλετών διαβάθμισης RGB
Δωρεάν online εργαλεία

Δημιουργία παλετών διαβάθμισης RGB

Δημιουργήστε 2–100 χρώματα ανάμεσα σε δύο άκρα RGB, δείτε τη διαβάθμιση και αντιγράψτε τις τιμές HEX για CSS ή γραφήματα.

Έναρξη χρήσης

Δημιουργία παλετών διαβάθμισης RGB

Δημιουργήστε μια αναπαραγώγιμη χρωματική κλίμακα, προεπισκοπήστε κάθε παραγόμενο βήμα και αντιγράψτε την ακριβή ακολουθία HEX για CSS, γραφήματα ή design tokens.

Τι σας βοηθά να κάνετε αυτό το εργαλείο

Δημιουργήστε μια αναπαραγώγιμη χρωματική κλίμακα, προεπισκοπήστε κάθε παραγόμενο βήμα και αντιγράψτε την ακριβή ακολουθία HEX για CSS, γραφήματα ή design tokens.

Παράδειγμα εφαρμογής

Είσοδος

#2563EB → #EC4899, 5 χρώματα

Αποτέλεσμα

#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899

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

Κάθε ενδιάμεσο χρώμα δημιουργείται με γραμμική παρεμβολή των καναλιών κόκκινου, πράσινου και μπλε. Τα άκρα διατηρούνται και τα υπόλοιπα χρώματα τοποθετούνται σε ίσα διαστήματα.

Χρήσιμες ροές εργασίας

  • Δημιουργήστε διατεταγμένα χρώματα γραφημάτων ή κλίμακες θερμότητας
  • Δημιουργήστε χρώματα hover και κατάστασης μεταξύ δύο design tokens
  • Παράγετε μια συμπαγή παλέτα για ένα gradient φόντου

Σημαντικοί περιορισμοί

  • Η παρεμβολή RGB μπορεί να φαίνεται πιο σκούρα ή λασπωμένη μεταξύ ορισμένων συμπληρωματικών χρωμάτων.
  • Μια ομαλή παλέτα δεν είναι αυτόματα προσβάσιμη για άτομα με αχρωματοψία.
  • Αυτή η γεννήτρια παράγει ομοιόμορφα κατανεμημένα χρώματα RGB· δεν ισχυρίζεται αντιληπτική ομοιομορφία.

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

Γιατί το μεσαίο σημείο μπορεί να φαίνεται γκρι ή λασπωμένο;

Τα αντίθετα κανάλια RGB μπορεί να εξισορροπούνται προς ένα ουδέτερο χρώμα. Πρόσθεσε ένα κατάλληλο μεσαίο χρώμα σε μια ροή εργασίας CSS πολλαπλών στάσεων όταν η οπτική ζωντάνια έχει σημασία.

Πόσα χρώματα πρέπει να δημιουργήσω;

Χρησιμοποίησε τον μικρότερο αριθμό που ταιριάζει με τις διακριτές καταστάσεις ή ζώνες δεδομένων που χρειάζεσαι· τα συνεχή φόντα μπορούν να χρησιμοποιήσουν περισσότερα βήματα.

Ο αριθμός περιλαμβάνει και τα δύο άκρα και είναι αρχικά 10. Το δεκαδικό μέρος αποκόπτεται και ο αριθμός περιορίζεται σε 2–100. Τα πεδία προσφέρουν HEX, RGB, HSV και HSL, αλλά η παρεμβολή χρησιμοποιεί πάντα κωδικοποιημένα κανάλια RGB, στρογγυλοποιημένα σε ακεραίους. Η προεπισκόπηση είναι σταθερή στις 90°. Δεν υπάρχουν πρόσθετα σημεία, άλφα ή επιλογή χρωματικού χώρου. Έξοδος: ένα HEX ανά γραμμή, χωρίς κώδικα CSS ή λήψη εικόνας.

Η επεξεργασία γίνεται τοπικά στο πρόγραμμα περιήγησής σας.