Δημιουργία αρμονικής παλέτας χρωμάτων

Μια μονόχρωμη παλέτα δίνει μια ήρεμη και επαγγελματική εμφάνιση, ιδανική για εταιρικούς ή εκδοτικούς ιστότοπους. Τα αναλόγια προσφέρουν μια απαλή, φυσική παραλλαγή, χρήσιμη για πράσινες ή ωκεάνιες ατμόσφαιρα. Ο κανόνας συμπληρωματικό ή τριαδικός παρέχει μια ισχυρή αντίθεση, ιδανική για CTA και ιστότοπους ηλεκτρονικού εμπορίου που θέλουν να τραβήξουν την προσοχή.

Ορισμένοι κανόνες επιβάλλουν έναν σταθερό αριθμό χρωμάτων. Μια συμπληρωματική παλέτα επιστρέφει πάντα 2 χρώματα (την απόχρωση και το αντίθετό της στον τροχό χρώματος), μια τριαδική παλέτα επιστρέφει 3, μια τετραδική επιστρέφει 4. Η παράμετρος ποσότητα τηρείται μόνο για τα μονόχρωμα και αναλογικά κανόνων.

Η γενιά βασίζεται στον πιο φυσικό χώρο HSL για να χειριστεί την απόχρωση (περιστροφή στον τροχό χρώματος) και τη φωτεινότητα. Τα χρώματα που επιστρέφονται στη συνέχεια μετατρέπονται σε μορφή HEX για άμεση ενσωμάτωση στο CSS. Εάν χρειάζεστε μορφή RGB, χρησιμοποιήστε τον μετατροπέα χρωμάτων σε κάθε κώδικα που δημιουργείται.

Ξεκινήστε εξάγοντας το κυρίαρχο χρώμα από την εικόνα σας μέσω του εξαγωγέα παλέτας, λάβετε την κύρια απόχρωση ως χρώμα αναφοράς και, στη συνέχεια, τροφοδοτήστε το στη γεννήτρια με έναν αναλογικό ή τριαδικό χάρακα. Θα αποκτήσετε έτσι χρώματα που να συνάδουν με την οπτική σας για να ντύσετε το υπόλοιπο site.

Η γεννήτρια δεν ελέγχει τους λόγους αντίθεσης. Ένα χρώμα γίνεται προσβάσιμο μόνο σε σχέση με άλλο χρώμα φόντου. Για να επικυρώσετε ένα δίδυμο κειμένου/φόντου, εξάγετε τους HEX κωδικούς και χρησιμοποιήστε έναν ελεγκτή αντίθεσης που υπολογίζει την αναλογία σύμφωνα με τις απαιτήσεις WCAG (4,5:1 για κανονικό κείμενο σε ΑΑ, 7:1 σε ΑΑΑ).

Η παλέτα επιστρέφεται σε κωδικούς HEX, έτοιμος να επικολληθεί σε ένα φύλλο CSS, σε ένα αρχείο μεταβλητών SASS, σε ένα θέμα Tailwind ή σε ένα σύστημα διακριτικών σχεδίασης. Για να ανακτήσετε τα ισοδύναμα RGB ή HSL, περάστε κάθε κωδικό στον μετατροπέα χρωμάτων.