Γιατί να χρησιμοποιήσετε μια ειδική γεννήτρια παλέτας χρωμάτων;
Η δημιουργία και επιλογή χρωμάτων -που να ταιριάζουν αρμονικά- απαιτεί γνώση της πανάρχαιας «Θεωρίας Χρωμάτων». Ώστόσο, η Γεννήτρια Παλετών μας, με την χρήση εξειδικευμένων μαθηματικών αλγορίθμων μετασχηματισμών της κλίμακας HSL (Hue, Saturation, Lighness / Απόχρωση, Κορεσμός, Φωτεινότητα) μπορεί αυτόματα -με ακρίβεια αλγορίθμου- να κάνει τους απαραίτητους υπολογισμούς ώστε να βρείτε ακριβώς ποια χρώματα ταιριάζουν άψογα με το Βασικό Χρώμα σας. Σε δευτερόλεπτα θα έχετε έτοιμο το Theme του website σας!
6 Προηγμένα Μοντέλα Χρωματικής Αρμονίας
Δοκιμάστε ριζοσπαστικές Συμπληρωματικές - Τριαδικές - Αναλογικές - 'Split' Συμπληρωματικές - Τετραδικές και Μονοχρωματικές αρμονίες.
Γρήγορη και Άμεση Προβολή ανά Χρωματικό Δείγμα (Swatch)
Κάντε απλό 'click/tap' σε οποιοδήποτε δείγμα χρώματος ώστε να αντιγραφεί επιτόπου ο αντιστοιχος HEX Κώδικας (e.x. '#BCA4DE').
Μαζική Εξαγωγή για FrontEnd - CSS Μεταβλητές
Εξάγετε αυτοματοποιημένα την συνολική παλέτα σε έτοιμη, μορφοποιημένη σύνταξη CSS Custom Properties (--var), έτοιμη προς άμεση χρήση στο UI Framework σας (πχ. Bootstrap, TailwindCSS)!
Οδηγός Δημιουργίας Παλέτας σε 3 απλά βήματα
Επιλέξτε το 'Ριζικό' Σας Χρώμα
Χρησιμοποιήστε το Picker-Επιλογέα Xρώματος είτε, πληκτρολογήστε τον συγκεκριμένο 16 - εξαδικό / HEX κώδικα με τον οποίο θέλετε να ξεκινήσετε.
Ανακαλύψτε ποια Αρμονία σας ταιριάζει
Μέσα από το drop-down menu παίξτε με τα διαθέσιμα 'Harmonies' και εξερευνήστε τις διαφορετικές αναπαραστάσεις.
Αντιγράψτε τον Κώδικα
Με πατημένο το 'Αντιγραφή ως CSS Variables (Μεταβλητές)', παίρνετε ολόκληρη τη δομημένη χρωματική επιλογή έτοιμη για εισαγωγή σε Root Document.
Χρήσεις - Πού να εφαρμόσετε τις νέες παλέτες σας;
Θεματολογία & Κατασκευή Website / Blog
Επιλέξτε ένα ομοιογενές (consistent) σύστημα χρωμάτων το οποίο αποπνέει σιγουριά στους επισκέπτες, κρατώντας το Brand σας ζωντανό.
Σχεδιασμός Brand Identity - Brand Guidelines
Μερικά (έως λίγα!) προσεκτικά μελετημένα χρώματα αρκούν - Βασικό, Δευτερεύον, Accent (Χρώμα Επισήμανσης / Call To Actions).
Εφαρμογές Android / IOS: Σχεδιασμός UX / UI
Ένα προσχέδιο εγγυάται αισθητική αρτιότητα στο User Experience, όπως απαλά background (φόντα), χρώματα κειμένου και alerts στα 'Toasts/Modals'.
Διαγράμματα Δεδομένων / Analytics / Στατιστικά / Data Dashboards
Ξεχωρίστε κατηγορίες, metrics και indicators — χρησιμοποιήστε παλέτες διαχωρισμού για να μην 'χάνονται' οι χρήστες σας!
Κανόνες - Βέλτιστες Πρακτικές σχετικά με τη Σχεδίαση Χρωμάτων
✓ Να ελέγχετε πάντα την Αναλογία Αντίθεσης Χρωμάτων (ΑA / AAA / WCAG 2.0+)
Αν φτιάχνετε ένα UI (διεπαφή), επιβεβαιώστε και ενστερνιστείτε του κανόνες προσβασιμότητας (accessibility). To κείμενό σας ΠΡΕΠΕΙ να διαβάζεται καθαρά και αναπαυτικά, αγγίζοντας αναλογίες WCAG AA (τουλ. 4.5:1 για κείμενο σώματος).
✓ Μην το παρακάνετε με αμέτρητα χρώματα!
Βάση της Θεωρίας: Μία αρμονική παλέτα έχει αυστηρά 'λίγα' χρώματα — 1 Πρωτεύον, 1~2 Accents, 1~2 Neutral (Grayscyle, Neutral, κλπ). Περισσότερα από 5 Colors, οδηγούν το interface στο... χάος των 90's!
✓ Το κάθε χρώμα έχει και ψυχολογική χροιά. 'Νιώστε' τα!
Το Μπλε αντανακλά Ασφάλεια και Επαγγελματισμό (πχ Τράπεζες). Το Πράσινο - Επιτυχία, Χρήμα, Environment. Το Κόκκινο Ενέργεια, Πάθος... Ή και Error/Σφάλμα! Προσοχή στο κίτρινο (Αισιοδοξία ή Warning!).
✓ Το Dark-Mode (Σκοτεινό Θέμα) είναι μια διαφορετική Ιστορία
Το αμιγές Μαύρο (Μαύρο #000) ΔΕΝ συμπεριφέρεται σωστά σε οθόνες, ούτε το Άσπρο #FFF. Προτιμήστε για dark modes σκούρα χρώματα με ελάχιστες αλλοιώσεις Lightness, π.χ (L: 5,6..%). Ώστε αφενός το μάτι να μην πιέζεται υπερβολικά και αφετέρου να ξεκουράζεται!