Πώς να επιλέξετε μια παλέτα χρωμάτων; Οι καλύτεροι συνδυασμοί χρωμάτων. Κύκλος χρώματος. Παλέτα χρωμάτων Επιλογή χρωμάτων

Πώς να επιλέξετε μια παλέτα χρωμάτων;  Οι καλύτεροι συνδυασμοί χρωμάτων.  Κύκλος χρώματος.  Παλέτα χρωμάτων Επιλογή χρωμάτων

Ένας σχεδιαστής στην ψηφιακή εποχή, φυσικά, δεν χρειάζεται να περιορίζεται από τα χρώματα που μπορούν να ληφθούν από χρώματα, μελάνια ή άλλες χρωστικές, αν και υπάρχουν επίσης πολλά να μάθουμε από την προσέγγιση του χρώματος στα έργα τέχνης. Το ανθρώπινο μάτι μπορεί να διακρίνει εκατομμύρια διαφορετικές αποχρώσεις, αλλά μερικές φορές ακόμη και ο συνδυασμός δύο χρωμάτων μπορεί να είναι δύσκολος.

Καταπληκτικές ιδιότητες χρώματος

Αυτό συμβαίνει γιατί η επιλογή των αποχρώσεων για το σχέδιο είναι πολύ υποκειμενική και απαιτεί ορισμένες γνώσεις. Τι πρέπει λοιπόν να κάνουν οι σχεδιαστές αν θέλουν να συνθέσουν μια όμορφη χρωματική παλέτα που μπορεί να κάνει έναν πελάτη χαρούμενο; Είτε σας αρέσει είτε όχι, οι καλύτεροι χρωματικοί συνδυασμοί ξεπερνούν τις προσωπικές προτιμήσεις, καθώς έχουν την εκπληκτική ικανότητα να επηρεάζουν τη διάθεση, το συναίσθημα και την αντίληψη, να αποκτούν πολιτισμικό και προσωπικό νόημα και να προσελκύουν την προσοχή - τόσο συνειδητά όσο και υποσυνείδητα.

Η πρόκληση για τους σχεδιαστές και τους εμπόρους είναι να εξισορροπήσουν τις πολύπλοκες λειτουργίες των αποχρώσεων για να δημιουργήσουν μια ελκυστική και εντυπωσιακή παλέτα συνδυασμών χρωμάτων. Εδώ είναι χρήσιμη μια βασική κατανόηση της θεωρίας των χρωμάτων. Μπορεί να σας βοηθήσει να κατανοήσετε ποιοι τόνοι συνεργάζονται καλά (ή όχι) και τι αποτέλεσμα θα δημιουργήσουν διαφορετικοί συνδυασμοί σε ένα δεδομένο σχέδιο.

ένα χρωματικό σχέδιο

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

Η κύρια εργασία που εκτελεί ο χρωματικός τροχός είναι ο συνδυασμός χρωμάτων. Η ανάμειξη της βάσης ή των βασικών αποχρώσεων (κίτρινο, μπλε και κόκκινο) σχηματίζει δευτερεύουσες αποχρώσεις: πράσινο, μωβ και πορτοκαλί. Ο συνδυασμός τους με τον κύριο τόνο σάς επιτρέπει να αποκτήσετε το τρίτο επίπεδο του κύκλου - τριτογενή χρώματα. Αυτά περιλαμβάνουν κόκκινο-πορτοκαλί, πράσινο-μπλε, μπλε-ιώδες και ιώδες-κόκκινο. Οι πρωτεύοντες και οι δευτερεύοντες τόνοι αποτελούν μέρος του ορατού φάσματος ή των χρωμάτων του ουράνιου τόξου. Είναι εύκολο να θυμάστε τη σειρά τους χρησιμοποιώντας τη μνημονική φράση «Κάθε κυνηγός θέλει να ξέρει πού κάθεται ο φασιανός»: κόκκινο, πορτοκαλί, κίτρινο, πράσινο, γαλάζιο, μπλε και μωβ.

Αυτός ο τρόπος κατανόησης του χρώματος είναι γνωστός ως το αφαιρετικό μοντέλο, το οποίο περιλαμβάνει την ανάμειξη χρωστικών ουσιών όπως τα χρώματα ή τα μελάνια, και χρησιμοποιείται τόσο στον παραδοσιακό τροχό χρωμάτων όσο και στο σύστημα CMYK που χρησιμοποιείται στον εξοπλισμό εκτύπωσης. Διαφέρει από το μοντέλο πρόσθετου, το οποίο περιλαμβάνει ανάμειξη φωτός διαφορετικών συχνοτήτων (για παράδειγμα, σε οθόνη υπολογιστή ή τηλεόρασης) που αποτελείται από ένα διαφορετικό σύνολο κόκκινου, πράσινου, μπλε (RGB).

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

Ορολογία

Πριν από τη σύνταξη παλετών, πρέπει να καταλάβετε την ορολογία που θα σας βοηθήσει να κατανοήσετε τους διαφορετικούς τύπους αποχρώσεων:

  • Η απόχρωση είναι συνώνυμο του χρώματος και παραδοσιακά αναφέρεται σε ένα από τα 12 χρώματα.
  • φωτεινότητα: ο βαθμός απόστασης ενός χρωματικού τόνου από το μαύρο.
  • ελαφρότητα: εγγύτητα του τόνου στο λευκό.
  • κορεσμός - η ένταση ή η καθαρότητα ενός χρώματος (όσο πιο κοντά μια απόχρωση πλησιάζει το γκρι, τόσο λιγότερο κορεσμένο είναι).

Οι καλύτεροι συνδυασμοί χρωμάτων

Από τον χρωματικό τροχό υπάρχουν μια σειρά από κλασικές παλέτες που έχουν χρησιμοποιηθεί από καλλιτέχνες ανά τους αιώνες. Για τις περισσότερες σχεδιαστικές αποφάσεις, ένα κυρίαρχο χρώμα θα πρέπει να προσδιορίζεται από αυτά τα σχήματα - από την ποσότητα χρήσης του ή από την επιλογή του από άλλους τόνους - έναν ή περισσότερους τόνους:

1. Μονόχρωμο σχήμα: η χρήση διαφορετικής φωτεινότητας, φωτεινότητας ή κορεσμού τόνων του ίδιου χρώματος στην περιοχή από ανοιχτό έως σκούρο. Ένα παράδειγμα επιτυχημένου μονόχρωμου συνδυασμού είναι το κόκκινο με το ασπρόμαυρο. Αυτό το σχέδιο παρέχει λεπτό και συντηρητικό σχεδιασμό. Το μπλε και το λευκό είναι ένας κλασικός συνδυασμός κινέζικης πορσελάνης από τον 9ο αιώνα. και γαλλικά υφάσματα του 18ου αιώνα.

2. Παρόμοια που βρίσκονται δίπλα-δίπλα στον τροχό χρωμάτων. Είναι καθολικό και εύκολο στη χρήση κατά την ανάπτυξη έργων. Ένα παράδειγμα θα ήταν ο συνδυασμός μωβ και μπλε-βιολετί.

3. Συμπληρωματικό σχήμα: χρησιμοποιεί τόνους που βρίσκονται στα απέναντι άκρα του χρωματικού τροχού. Για παράδειγμα, μπλε και πορτοκαλί, κόκκινο και πράσινο. Τα συμπληρωματικά χρώματα έχουν υψηλή ένταση και αντίθεση, αλλά είναι δύσκολο να εφαρμοστούν αρμονικά και ισορροπημένα στην καθαρή τους μορφή καθώς μπορούν εύκολα να συγκρουστούν σε ένα σχέδιο.

4. Σχήμα διαχωρισμού-συμπληρωματικού: οποιοσδήποτε τόνος στον τροχό χρωμάτων συν δύο χρώματα που οριοθετούν το συμπλήρωμά του. Για παράδειγμα, κίτρινο με πράσινο και κόκκινο-ιώδες. Αυτό το σχήμα έχει επίσης ισχυρή οπτική αντίθεση, αν και ασθενέστερη από την προηγούμενη. Παρέχει τους καλύτερους συνδυασμούς χρωμάτων για αρχάριους σχεδιασμού, καθώς είναι δύσκολο να τα μπερδέψετε.

5. Τριαδικό σχήμα: κάθε τρεις τόνοι ομοιόμορφα κατανεμημένοι στον τροχό χρώματος. Παρέχει αρκετά φωτεινούς συνδυασμούς, ακόμα κι αν οι τόνοι είναι ανοιχτοί και αποκορεσμένοι. Για επιτυχή χρήση, είναι απαραίτητο να επιτευχθεί πλήρης ισορροπία - ένα χρώμα πρέπει να γίνει κυρίαρχο και τα άλλα δύο πρέπει να είναι τόνοι.

6. Τετράδικο, ή διπλό συμπληρωματικό: αποτελείται από δύο συμπληρωματικά ζεύγη. Αυτό το σχέδιο είναι εξαιρετικά ελκυστικό, αλλά είναι πιο δύσκολο στη χρήση από ένα ζευγάρι συμπληρωματικών χρωμάτων, επειδή είναι πιο δύσκολο να εξισορροπηθούν περισσότεροι τόνοι. Όταν χρησιμοποιείτε αυτό το σχήμα, θα πρέπει να επιλέξετε ένα χρώμα ως κυρίαρχο χρώμα και να προσαρμόσετε τον κορεσμό, τη φωτεινότητα και την ελαφρότητα της απόχρωσης ορισμένων ή όλων των τόνων, έτσι ώστε να παρέχουν τους καλύτερους χρωματικούς συνδυασμούς σε διάφορα μέρη του σχεδίου.

Εμπνευση

Εκτός από τους συνδυασμούς τροχών χρωμάτων, η φύση προσφέρει πολλές έτοιμες λύσεις για αρμονικούς χρωματικούς συνδυασμούς.

Οι επιλογές για το συνδυασμό χρωμάτων περιλαμβάνουν τη θερμοκρασία τους (ζεστό ή ψυχρό), τον κορεσμό (τα φωτεινά χρώματα συχνά φαίνονται νεανικά ενώ τα ανοιχτά φαίνονται vintage), τη διάθεση (φωτεινό και χαρούμενο, σκούρο και σοβαρό), το θέμα (τοποθεσία, εποχή, διακοπές) και άλλα ποιότητες.

Μια άλλη εξαιρετική τεχνική για να βρείτε χρώμα είναι να αναζητήσετε έμπνευση σε διαφορετικές ιστορικές περιόδους και καλλιτεχνικά κινήματα: τα ζεστά, ανοιχτά χρώματα των ιμπρεσιονιστών. φωτεινοί, απροσδόκητοι συνδυασμοί μετα-ιμπρεσιονιστών. απαλά, γήινα αρ νουβό χρώματα. φωτεινές, τολμηρές αποχρώσεις της ποπ αρτ.

Ψυχολογία του χρώματος

Το χρώμα μας περιβάλλει. Είτε το συνειδητοποιούμε είτε όχι, παίζει μεγάλο ρόλο στην καθημερινότητά μας. Έχετε δει μια πορτοκαλί ή κίτρινη πινακίδα στο δρόμο σήμερα; Τράβηξε την προσοχή για έναν λόγο. Το χρώμα έχει μια καταπληκτική σχέση με τις διαθέσεις και τα συναισθήματά μας.

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

το κόκκινο

Αυτό το χρώμα μεταφέρει πολλές διαφορετικές ιδέες ανάλογα με το πλαίσιο. Σε συνδυασμό με τη φωτιά, μπορεί να συμβολίζει τη ζεστασιά ή τον κίνδυνο. Επειδή το κόκκινο είναι το χρώμα του αίματος, θεωρείται ενεργητικός, ζωηρός τόνος και ως εκ τούτου συνδέεται με θέματα της καρδιάς και μερικές φορές με τη βία.

Εναλλακτικές έννοιες: Σε ορισμένους ανατολικούς πολιτισμούς, το κόκκινο συμβολίζει την καλή τύχη και την ευημερία και είναι το χρώμα που φορούν οι νύφες την ημέρα του γάμου τους. Σε όλο τον κόσμο, το κόκκινο συνδέεται με διάφορα πολιτικά κινήματα και συμβολίζει την επανάσταση.

Στην επωνυμία: συχνά υποδηλώνει δύναμη, αυτοπεποίθηση και δύναμη και είναι ιδιαίτερα ορατή.

Πορτοκάλι

Επίσης το χρώμα της φωτιάς, το πορτοκαλί συνδυάζει τη ζεστασιά του κόκκινου με τη χαρά του κίτρινου και συμβολίζει τη δραστηριότητα, την ενέργεια και την αισιοδοξία. Συνδέεται επίσης με τη συγκομιδή ή το φθινόπωρο.

Εναλλακτικές έννοιες: Στην Ινδία, το σαφράν, το οποίο έχει μια κιτρινωπή απόχρωση έως το πορτοκαλί, θεωρείται ιερό. Στην Ιαπωνία, το χρώμα συμβολίζει την αγάπη.

Στο branding: συχνά αντιπροσωπεύει τη νεολαία και τη δημιουργικότητα. Ο χρυσός, που είναι επίσης μια απόχρωση του πορτοκαλί ή του κίτρινου, συμβολίζει την πολυτέλεια και την υψηλή ποιότητα.

Κίτρινος

Ως χρώμα του ήλιου, συμβολίζει συχνά την ευτυχία, τη χαρά, τη φιλικότητα και τη φρεσκάδα της άνοιξης. Επιπλέον, σε ορισμένα περιβάλλοντα μπορεί να μεταδώσει ένα προειδοποιητικό σήμα ή να προειδοποιήσει για προσοχή. Ορισμένες παραλλαγές (ειδικά οι αποκορεσμένες και οι πρασινωπές) φαίνονται άρρωστες ή δυσάρεστες, κάτι που δεν προκαλεί έκπληξη, καθώς ιστορικά το κίτρινο συνδέεται μερικές φορές με ασθένειες και καραντίνα.

Εναλλακτικές έννοιες: Σε ορισμένους ανατολικούς και ασιατικούς πολιτισμούς, το κίτρινο συνδέεται με υψηλή γέννηση ή κατάσταση. Σε ορισμένα μέρη της Αφρικής και της Λατινικής Αμερικής, αυτός ο τόνος είναι το παραδοσιακό χρώμα του πένθους.

Στην επωνυμία: Ένας καθαρός ή λαμπερός κίτρινος τόνος προσελκύει την προσοχή, αλλά μπορεί να είναι ανησυχητικός ή ακόμα και δύσκολος ο ορατός (όπως λευκό κείμενο σε έντονο κίτρινο φόντο ή το αντίστροφο) εάν χρησιμοποιείται απρόσεκτα.

Πράσινος

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

Εναλλακτικές έννοιες: Μεταξύ των ισλαμικών πολιτισμών, το πράσινο είναι ένα ιερό χρώμα. Συνδέεται επίσης με την Ιρλανδία, την Ημέρα του Αγίου Πατρικίου και το τυχερό τετράφυλλο τριφύλλι.

Στην επωνυμία: Οι μάρκες ή τα προϊόντα που διατίθενται στο εμπόριο ως «πράσινα» (φυσικά, υγιεινά, φιλικά προς το περιβάλλον, βιολογικά, κ.λπ.) χρησιμοποιούν συχνά φυσικά χρώματα όπως το πράσινο και το καφέ.

Μπλε

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

Εναλλακτικές έννοιες: Στους πολιτισμούς της Μέσης Ανατολής, το μπλε παραδοσιακά προστατεύει από το κακό. Λόγω της σχέσης του με τον ουρανό, σε πολλούς πολιτισμούς το χρώμα συμβολίζει την αθανασία και την πνευματικότητα.

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

Βιολέτα

Παραδοσιακά συνδέεται με την αρχοντιά, το μεγαλείο ή την τιμή. Έτσι, έχει πνευματική, μυστικιστική ή θρησκευτική χροιά.

Εναλλακτικές έννοιες: Σε πολλούς πολιτισμούς σε όλο τον κόσμο, ο συνδυασμός του μωβ συμβολίζει την αρχοντιά ή τον πλούτο, ωστόσο στην Ταϊλάνδη και σε μέρη της Νότιας Αμερικής συνδέεται με το πένθος.

Στο branding: οι σκούρες αποχρώσεις του μωβ είναι συχνά σύμβολο πολυτέλειας, ενώ οι πιο ανοιχτές και φωτεινότερες αποχρώσεις είναι δημοφιλείς στις γυναίκες και τα παιδιά.

Μαύρος

Όπως το κόκκινο, αυτό το χρώμα έχει πολλές (μερικές φορές αντικρουόμενες) έννοιες. Μπορεί να αντιπροσωπεύει τη δύναμη, την πολυτέλεια, την πολυπλοκότητα και την αποκλειστικότητα. Από την άλλη, το μαύρο συμβολίζει τον θάνατο, το κακό ή το μυστήριο. Στα ρούχα, είναι σύμβολο επισημότητας ή πένθους και θλίψης (όπως παραδοσιακά το πένθος φοριέται στις κηδείες).

Εναλλακτικές έννοιες: Σε ορισμένες χώρες της Ασίας και της Λατινικής Αμερικής, το μαύρο θεωρείται ανδρικό χρώμα. Στην Αίγυπτο σημαίνει αναγέννηση. Σε πολλούς πολιτισμούς, το χρώμα συνδέεται με τη μαγεία, τη δεισιδαιμονία ή την κακή τύχη, καθώς και με το ανεξήγητο ή άγνωστο.

Στο branding: Το μαύρο χρησιμοποιείται τόσο ευρέως που έχει σχεδόν γίνει ουδέτερο, αν και μπορεί να συμβολίζει τα παραπάνω ανάλογα με το πλαίσιο. Πολλά σχέδια είναι απλά ασπρόμαυρα (είτε σκόπιμα είτε απλά για εξοικονόμηση στην έγχρωμη εκτύπωση).

άσπρο

Ως το χρώμα του φωτός και του χιονιού, το λευκό συχνά συμβολίζει την αγνότητα, την αθωότητα, την καλοσύνη ή την τελειότητα (που παραδοσιακά φοριούνται από τις νύφες), αλλά επίσης σημαίνει αυστηρότητα ή στειρότητα.

Εναλλακτικές έννοιες: Στην Κίνα, το λευκό είναι το χρώμα του πένθους. Σε πολλούς πολιτισμούς σημαίνει ειρήνη - η λευκή σημαία είναι ένα παγκόσμιο σύμβολο της εκεχειρίας ή της παράδοσης.

Στο branding: το λευκό συχνά επικοινωνεί με την απλότητα, την αγνότητα ή τον νεωτερισμό. Οι σχεδιαστές που αναζητούν μια μινιμαλιστική αισθητική χρησιμοποιούν συχνά πολύ λευκό.

Χρώμα στο σχέδιο

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

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

Ο γενικά αποδεκτός κανόνας για τη χρήση μιας βασικής παλέτας τριών χρωμάτων είναι ο κανόνας 60-30-10. Αυτή η προσέγγιση χρησιμοποιείται συχνά στην εσωτερική διακόσμηση, αλλά μπορεί επίσης να χρησιμοποιηθεί αποτελεσματικά για σχεδιασμό ιστού ή εκτύπωσης. Αρκεί να αφιερώσετε το 60% στο κυρίαρχο χρώμα και να δώσετε το υπόλοιπο 30% και 10% στους δύο τόνους. Ένα καλό παράδειγμα για να εξηγήσουμε αυτόν τον κανόνα είναι ένα ανδρικό κοστούμι: το σακάκι και το παντελόνι αντιπροσωπεύουν το 60% του χρώματος του ενδύματος, το πουκάμισο καταλαμβάνει το 30% και η γραβάτα το υπόλοιπο 10%. Όλα μαζί παρέχουν μια ισορροπημένη, κομψή εμφάνιση.

Ένας άλλος τρόπος για να διατηρήσετε την παλέτα σας απλή και ισορροπημένη είναι να χρησιμοποιήσετε τη φωτεινότητα και τη φωτεινότητα (ή πιο ανοιχτόχρωμες και πιο σκούρες εκδοχές της απόχρωσης που έχετε επιλέξει). Με αυτόν τον τρόπο μπορείτε να επεκτείνετε την επιλογή χρωμάτων σας χωρίς να επιβαρύνετε το σχέδιο.

και το branding

Η αναγνώριση της μάρκας εξαρτάται σε μεγάλο βαθμό από το χρώμα. Απλώς σκεφτείτε την Coca-Cola, το Facebook ή τα Starbucks και είναι εύκολο να θυμάστε τους τόνους με τους οποίους συνδέονται αυτές οι μάρκες.

Μια μελέτη που διεξήχθη στο Πανεπιστήμιο του Winnipeg διαπίστωσε ότι οι αρχικές κρίσεις των ανθρώπων για τα προϊόντα βασίζονται σε μεγάλο βαθμό στο χρώμα (60-90% της αξιολόγησης). Αυτό σημαίνει ότι ο τόνος στο σχεδιασμό δεν είναι απλώς μια καλλιτεχνική επιλογή, αλλά και μια κρίσιμη επιχειρηματική απόφαση που επηρεάζει τα πάντα, από το πώς αντιλαμβάνονται οι καταναλωτές μια επωνυμία μέχρι τον τρόπο πώλησης των προϊόντων.

Ωστόσο, όταν επιλέγετε ένα συνδυασμό χρωμάτων για ένα λογότυπο, δεν είναι απαραίτητο να τηρείτε τις παραδόσεις, τους συμβολισμούς ή τα στερεότυπα. Δεν υπάρχουν αδιάκριτοι ή γρήγοροι κανόνες εδώ. Αυτό που είναι πιο σημαντικό είναι πώς χρησιμοποιείται ο τόνος στη σχεδίαση και εναρμονίζεται με το πλαίσιο και τον χαρακτήρα της μάρκας στην αγορά.

RGB εναντίον CMYK

Όταν εργάζεστε σε ένα έντυπο έργο, η οθόνη του υπολογιστή σας δεν μπορεί να εμφανίσει τα χρώματα όπως θα εμφανίζονται στο χαρτί. Αυτό που βλέπετε δεν είναι αυτό που λαμβάνετε επειδή οι ψηφιακές οθόνες και οι εκτυπωτές χρησιμοποιούν δύο διαφορετικά συστήματα: RGB και CMYK. Το πρώτο αναφέρεται στα μικρά σημεία κόκκινου, πράσινου και μπλε φωτός που συνδυάζονται για να σχηματίσουν ορατά χρώματα στην οθόνη. το δεύτερο σημαίνει κυανό, ματζέντα, κίτρινο και μαύρο τόνους για τη δημιουργία έγχρωμων εκτυπώσεων. Επειδή το RGB χρησιμοποιεί ευρύτερο φάσμα από το CMYK, ορισμένοι σχεδιαστές αρχικά δημιουργούν ένα σχέδιο εκτύπωσης σε RGB για να διατηρήσουν περισσότερες επιλογές χρώματος και να μετατρέψουν το τελικό σχέδιο σε CMYK πριν από την εκτύπωση.

Για αυτόν τον λόγο, χρειάζονται ένα εργαλείο που να παρέχει συνέπεια χρώματος και στα δύο συστήματα - για παράδειγμα, όταν σχεδιάζουν ένα λογότυπο για έναν ιστότοπο και το εκτυπώνουν σε μια επαγγελματική κάρτα. Ένα τέτοιο σύστημα είναι το Pantone Matching System (PMS). Εδώ, οι τόνοι μπορούν να αντιστοιχιστούν στον ιστό και την εκτύπωση (και σε διαφορετικούς τύπους τυπωμένων επιφανειών) για να διασφαλιστεί μια συνεπής εμφάνιση.

Χρώμα: κατανοήστε, εξερευνήστε και αγαπήστε το!

Οι σχεδιαστές ειδικεύονται στη μελέτη της θεωρίας των χρωμάτων, της ψυχολογίας ή της νευροεπιστήμης - πολύπλοκα θέματα που βρίσκονται στη διασταύρωση της τέχνης και της επιστήμης. Αλλά αυτό είναι μέρος του τι κάνει αυτό το επάγγελμα τόσο ενδιαφέρον και ένα τόσο αποτελεσματικό εργαλείο στην αγορά. Αν και αυτός ο οδηγός περιγράφει μόνο τα βασικά, ελπίζουμε ότι θα σας βοηθήσει να κάνετε πιο ενημερωμένες και πιο αποτελεσματικές επιλογές χρωμάτων για προσωπικά ή επαγγελματικά έργα.

Τα χρώματα παίζουν τεράστιο ρόλο στο σχεδιασμό ιστοσελίδων. Για να επιλέξετε σωστά έναν συνδυασμό χρωμάτων για έναν ιστότοπο, υπάρχουν ειδικές υπηρεσίες. Είμαι βέβαιος ότι κάθε σχεδιαστής ιστοσελίδων έχει τουλάχιστον ένα από αυτά στους σελιδοδείκτες του.

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

Δεν θα μιλήσω για τη θεωρία των χρωμάτων (αυτές είναι πολύ ογκώδεις πληροφορίες), αλλά απλώς θα δημοσιεύσω εδώ τις υπηρεσίες που έχω στους σελιδοδείκτες μου και τις οποίες χρησιμοποιώ.

Είμαι πολλά χρόνια φίλος με αυτό το όργανο. Το πιο βολικό εργαλείο για την επιλογή χρωμάτων (κατά τη γνώμη μου). Έχει πολλά πρόσθετα χαρακτηριστικά. Για παράδειγμα, μπορείτε να δείτε ένα παράδειγμα ανοιχτής και σκοτεινής σελίδας με επιλεγμένα χρώματα.

Είναι δυνατό να αξιολογήσετε πώς τα άτομα με αχρωματοψία και άλλα προβλήματα όρασης θα δουν τον χρωματικό σας συνδυασμό. Μπορείτε να επιλέξετε ασφαλή χρώματα στο διαδίκτυο.

Το Adobe Kuler είναι το δεύτερο διαδικτυακό εργαλείο που χρησιμοποιώ αρκετά συχνά. Η επιλογή των χρωμάτων είναι σχεδόν η ίδια με την προηγούμενη τοποθεσία, αλλά δεν είναι αυτός ο λόγος που μου αρέσει. Εκτός από τη δημιουργία συνδυασμών χρωμάτων μόνοι σας, μπορείτε να δείτε και να χρησιμοποιήσετε σχέδια που έχουν δημιουργήσει άλλα άτομα.

Για να το κάνετε αυτό, κάντε κλικ στο κουμπί στο επάνω αριστερό μενού "Παρακολούθηση". Και μια γκαλερί με κάθε είδους χρωματικούς συνδυασμούς θα ανοίξει μπροστά σας.

Αυτό το εργαλείο είναι λίγο παρόμοιο με το Colorscheme, αλλά έχει λιγότερες λειτουργίες, αλλά μπορείτε να δείτε πώς θα μοιάζουν τα μπλοκ χρώματος.

Πρακτικά δεν χρησιμοποιώ αυτόν τον ιστότοπο, αλλά επειδή τον έχω στους σελιδοδείκτες μου, αποφάσισα να τον προσθέσω κι εγώ.

Οι παρακάτω δύο ιστότοποι δημιουργούν μια παλέτα από την εικόνα που επιλέγετε. είναι μαγεία :)

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

Αυτός ο ιστότοπος απαιτεί Κατεβάστεεικόνα από τον υπολογιστή σας.

Ένα πολύ βολικό εργαλείο για την επιλογή χρώματος. Βασίζεται στην αρχή "Μου αρέσει - Δεν μου αρέσει".

flatcolors.net

Όπως υποδηλώνει το όνομα, εδώ μπορείτε να επιλέξετε χρώματα για το μοντέρνο πλέον επίπεδο σχέδιο. Η τοποθεσία είναι ενδιαφέρουσα γιατί μόλις επιλέξετε μια παλέτα, μπορείτε να την κατεβάσετε για Corel και Photoshop.

materialpalette.com

Μια άλλη τάση της μόδας είναι ο σχεδιασμός υλικών. Αυτός ο ιστότοπος σάς βοηθά να επιλέξετε συνδυασμούς χρωμάτων για το UI (διεπαφή χρήστη). Επιπλέον, ο ιστότοπος διαθέτει ένα μεγάλο σύνολο εικονιδίων.

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

1. Χρησιμοποιήστε μια γνωστή ζυγαριά

Ο ιστότοπος brandcolors.net περιέχει περισσότερους από 500 συνδυασμούς χρωμάτων διάσημων εμπορικών σημάτων. Η Yandex, η Google, η Burger King χρησιμοποιούν την ίδια παλέτα σε όλα τα προϊόντα τους. Αυτές οι μάρκες και τα χρώματά τους είναι γνωστά και αγαπημένα σε πολλούς. Πληκτρολογήστε το όνομα στη γραμμή αναζήτησης ή κάντε κύλιση στη σελίδα, κάντε κλικ στην επιθυμητή μάρκα και χρώμα: ο κώδικάς της θα αντιγραφεί στο πρόχειρο.

2. Επιλέξτε μια έτοιμη επαγγελματική παλέτα

Ο ευκολότερος τρόπος είναι να πάρετε έναν έτοιμο συνδυασμό χρωμάτων. Δεν είναι απαραίτητο να εφευρίσκουμε ξανά τον τροχό κάθε φορά, γιατί οι αρμονικοί συνδυασμοί είναι γνωστοί εδώ και πολύ καιρό. Μεταβείτε στο colordrop.io και επιλέξτε. Υπάρχουν εκατοντάδες επαγγελματικές παλέτες 4 χρωμάτων στον ιστότοπο. Αφού επιλέξετε αυτό που θέλετε, κάντε κλικ και αντιγράψτε τους χρωματικούς κωδικούς από τον πίνακα που ανοίγει στα δεξιά.


Επιπλέον, η υπηρεσία περιέχει μια έτοιμη επιλογή 24 επίπεδων χρωμάτων σχεδιασμού. Κάντε κλικ στα αριστερά κάτω από το όνομα "Flat Colors" και λάβετε τον κωδικό για την απόχρωση που σας αρέσει.


3. Προσδιορίστε τη χρωματική παλέτα της φωτογραφίας ή της εικόνας που σας αρέσει

Αυτή η μέθοδος είναι λίγο πιο περίπλοκη. Αλλά και πιο αποτελεσματικό.

  • Στον ιστότοπο coolors.co, στο επάνω αριστερό πλαίσιο, βρείτε το εικονίδιο της κάμερας και κάντε κλικ σε αυτό. Θα ανοίξει ένα παράθυρο μεταφόρτωσης εικόνας.
  • Μπορείτε να επιλέξετε μια φωτογραφία ή μια εικόνα με το χρωματικό συνδυασμό που σας αρέσει από τον υπολογιστή σας ή να αντιγράψετε τον σύνδεσμο σε μια κενή στήλη.
  • Η υπηρεσία θα καθορίσει τον συνδυασμό χρωμάτων (κάτω κάτω από την εικόνα που ανεβάσατε).
  • Μπορείτε να αλλάξετε μεμονωμένα χρώματα αυτής της παλέτας σημειώνοντάς τα και επιλέγοντας ένα σημείο στη φωτογραφία από το οποίο θέλετε να πάρετε το χρώμα.
  • Το κουμπί "Κολάζ" αποθηκεύει την παλέτα που προκύπτει με κωδικούς χρωμάτων στον υπολογιστή.
  • Το κουμπί "Auto" δημιουργεί νέους συνδυασμούς με βάση την ίδια φωτογραφία.
  • Κάντε κλικ στο "Ok" και μεταβείτε στην κύρια σελίδα του ιστότοπου για περαιτέρω εργασία με την παλέτα.

Η κύρια σελίδα του ιστότοπου δεν είναι λιγότερο λειτουργική. Εδώ μπορείτε να επιλέξετε αποχρώσεις μεμονωμένων χρωμάτων ή να συναρμολογήσετε μια νέα παλέτα αντικαθιστώντας μεμονωμένα χρώματα.

4. Δημιουργήστε το δικό σας χρωματικό συνδυασμό online

Ανεβάζοντας μια φωτογραφία στον ίδιο ιστότοπο coolors.co, μπορείτε όχι μόνο να προσδιορίσετε τον κωδικό χρώματος, αλλά και να δημιουργήσετε τους δικούς σας συνδυασμούς. Για να το κάνετε αυτό, πατήστε το πλήκτρο διαστήματος - η υπηρεσία δημιουργεί αυτόματα έναν συνδυασμό 5 χρωμάτων.

Σε κάθε χρώμα 4 κουμπιά εικονιδίων:

  • Εναλλακτικές αποχρώσεις - Αποχρώσεις του χρώματος (πιο σκούρο και ανοιχτό),
  • Σύρετε (Μετακινήστε ένα χρώμα προς τα δεξιά ή τα αριστερά στην παλέτα),
  • Προσαρμογή (Προσαρμογή απόχρωσης, κορεσμού, φωτεινότητας κ.λπ.),
  • Κλείδωμα (διορθώστε το χρώμα).

14,5 χιλ

Η επιλογή χρώματος είναι ένα από τα πιο σημαντικά στάδια στη διαδικασία δημιουργίας ενός καλού σχεδίου.

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

01. Adobe Color CC

Η Adobe μετονόμασε το έργο της Kuler σε Color

Ίσως να είστε εξοικειωμένοι με αυτό το εργαλείο με το προηγούμενο όνομά του - Adobe Kuler. Ωστόσο, η Adobe πρόσφατα μετονόμασε μια από τις δημοφιλείς εφαρμογές web της σε Adobe Color CC.

Σας επιτρέπει να επιλέξετε, να δημιουργήσετε και να αποθηκεύσετε διαφορετικούς συνδυασμούς χρωμάτων, καθένας από τους οποίους μπορεί να περιέχει έως και πέντε χρώματα. Το εργαλείο είναι διαθέσιμο τόσο σε έκδοση προγράμματος περιήγησης όσο και σε επιτραπέζιους υπολογιστές. Εάν χρησιμοποιείτε την έκδοση για επιτραπέζιους υπολογιστές, θα μπορείτε να εξάγετε τον συνδυασμό χρωμάτων σας απευθείας στο Photoshop, το Illustrator και το InDesign.

02. Mudcube Color Sphere

Εάν δεν είστε σίγουροι για το χρωματικό σας συνδυασμό, το Mudcude έχει τη δική του συλλογή με έτοιμα στοιχεία

Το Mudcube Color Sphere είναι ένας πολύ εύχρηστος μικροσκοπικός πόρος για σχεδιαστές που όχι μόνο προσφέρει εξαγωνικούς κωδικούς για επιλεγμένα χρώματα, αλλά σας επιτρέπει επίσης να δημιουργήσετε συνδυασμούς χρωμάτων για τα δικά σας έργα. Αξίζει επίσης να σημειωθεί ότι το Mudcube έχει τη δική του γκαλερί έτοιμων πόρων που μπορούν επίσης να χρησιμοποιηθούν.

03. Ελέγξτε τα χρώματα μου

Το Check my Colors έχει σχεδιαστεί ειδικά για την αξιολόγηση και την επιλογή του συνδυασμού χρωμάτων φόντου και προσκηνίου για όλα τα στοιχεία DOM. Και επίσης για να μάθουμε αν τα στοιχεία είναι αρκετά αρμονικά μεταξύ τους. Όλες οι δοκιμές βασίζονται σε αλγόριθμους που προτείνονται από την Κοινοπραξία του Παγκόσμιου Ιστού ( W3C).

04. Η εφαρμογή Color

Η εφαρμογή θα σας βοηθήσει να μάθετε τις τιμές RGB, HEX και HSLA των επιλεγμένων χρωμάτων

Εργαλείο iOS Η εφαρμογή Colorθα σας επιτρέψει να προσδιορίσετε εύκολα και απλά τα χρώματα χρησιμοποιώντας μια μεγάλη χρωματική παλέτα. Σας επιτρέπει να μάθετε τις τιμές RGB, HEX και HSLA των χρωμάτων, καθώς και να δημιουργήσετε τους δικούς σας χρωματικούς συνδυασμούς για τον ιστότοπο.

05. Color Hunter

Το Color Hunter δημιουργεί έναν συνδυασμό χρωμάτων με βάση την επιλεγμένη εικόνα

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

06.TinEye

Εάν θέλετε να πάρετε ένα συγκεκριμένο χρώμα, απλώς εισαγάγετε την τιμή HEX στη διεύθυνση URL

Αυτός ο ιστότοπος χρησιμοποιεί μια βάση δεδομένων 10 εκατομμυρίων εικόνων, που διατίθενται δωρεάν με άδεια Creative Commons, την οποία οι δημιουργοί έχουν επιμεληθεί προσεκτικά από το Flickr. Αυτά μπορούν να χρησιμοποιηθούν για τη δημιουργία κατάλληλων χρωμάτων.

07. Χρώμα

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

08. SpyColor.com

Δωρεάν γεννήτρια συνδυασμών χρωμάτων που παρέχει πληροφορίες χρώματος και σας επιτρέπει επίσης να τις μετατρέψετε σε οποιοδήποτε συνδυασμό ( RGB, CMYKκαι άλλοι ). Υπάρχει μια ποικιλία μορφών συνδυασμών χρωμάτων που είναι διαθέσιμες εδώ, συμπεριλαμβανομένων διεργασιών, μονόχρωμων και άλλων.

09.Σχεδιαστική έμπνευση

Στο Designspiration, μπορείτε να επιλέξετε έως και πέντε αποχρώσεις με μια βολική παλέτα πλήρους σελίδας που σας διευκολύνει να βρείτε ακριβώς τους συνδυασμούς χρωμάτων HTML που αναζητάτε. Στη συνέχεια, ο ιστότοπος θα δημιουργήσει μια σελίδα με όλες τις εικόνες στη βάση δεδομένων που χρησιμοποιούν παρόμοιο συνδυασμό χρωμάτων. Θα παρέχονται επίσης τιμές HEX τις οποίες μπορείτε να χρησιμοποιήσετε στα δικά σας έργα. Και οι εικόνες μπορούν να αποθηκευτούν σε συλλογές στον ιστότοπο.

10.ColorExplorer

Ένα από τα πιο εξελιγμένα εργαλεία ιστού που προσφέρει πολλές δυνατότητες που σχετίζονται με τη σχεδίαση, την προσαρμογή και την ανάλυση χρωμάτων. Εδώ είναι μερικά εργαλεία που θα σας βοηθήσουν να προσδιορίσετε Εγκυρότητα χρωμάτων WCAGκαι δημιουργήστε επίσης τις δικές σας χρωματικές παλέτες.

11. Hex Color Scheme Generator

Ένα εύχρηστο μικρό εργαλείο για τη δημιουργία ενός συνδυασμού χρωμάτων με βάση μια επιλεγμένη απόχρωση. Εισαγάγετε την τιμή Hex του χρώματος και το εργαλείο θα παρέχει ένα σύνολο ταιριασμένων χρωμάτων που μπορείτε να χρησιμοποιήσετε μαζί με το κύριο.

12. COLOURlovers

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

13. Σχεδιαστής Color Scheme

Αυτό το διαδικτυακό εργαλείο προσφέρει ενδιαφέροντες τρόπους δημιουργίας συνδυασμών χρωμάτων, επιτρέποντάς σας να προσαρμόσετε τη φωτεινότητά τους και να προσαρμόσετε την αντίθεσή τους. Εδώ μπορείτε να δημιουργήσετε πολλά δημοφιλή μαθηματικά μοντέλα συνδυασμών χρωμάτων, συμπεριλαμβανομένων των μονόχρωμων.

14. COPASO

Ένα από τα εργαλεία από τον ιστότοπο COLOURlovers. Αλλά το COPASO αξίζει ιδιαίτερης προσοχής, καθώς είναι μια απίστευτη λύση όλα σε ένα και σας επιτρέπει να δημιουργείτε εύκολα έτοιμους συνδυασμούς χρωμάτων για τον ιστότοπο. Υπάρχουν πολλά εργαλεία επιλογής χρωμάτων διαθέσιμα εδώ, όλα στεγασμένα σε μια φιλική προς το χρήστη και απλή διεπαφή. Επιπλέον, μπορείτε να προσθέσετε σημειώσεις στις παλέτες, να ανεβάσετε εικόνες κ.λπ.

15. Colourmod

Το Colourmod είναι λογισμικό που σας επιτρέπει να επιλέξετε μεμονωμένα χρώματα από μια περιοχή widget, είτε χρησιμοποιείτε Mac είτε Konfabulator στα Windows. Αυτό δεν είναι ένα πολύ απλό εργαλείο για την εργασία με χρωματικές παλέτες, αλλά θα σας βοηθήσει να προσδιορίσετε γρήγορα και εύκολα τα χρώματα χωρίς να χρειάζεται να κατεβάσετε βαριά προγράμματα.

16. ColorZilla

Το ColorZilla είναι διαθέσιμο τόσο για Chrome όσο και για Firefox

Αυτό το έργο ξεκίνησε ως πρόσθετο για τον Firefox, αλλά σήμερα είναι διαθέσιμο και για το Google Chrome. Το ColorZilla είναι μια επέκταση που περιλαμβάνει πολλά εργαλεία που έχουν σχεδιαστεί για να λειτουργούν με χρώμα, όπως μια παλέτα, μια γεννήτρια ντεγκραντέ CSS και ένα σταγονόμετρο.

17. Colormunki

Ένα βολικό διαδικτυακό εργαλείο για την επιλογή χρωμάτων από τους δημιουργούς του Colormunki. Σας επιτρέπει να δημιουργείτε εύκολα εντυπωσιακές χρωματικές παλέτες από δείγματα που βασίζονται σε Pantone χρησιμοποιώντας πολλαπλές τεχνικές.

18.colr.org

Το Colr.org σάς επιτρέπει να ορίσετε το χρωματικό εύρος οποιασδήποτε εικόνας

Αυτό το εργαλείο επιτρέπει τη λεπτομερή ανάλυση των χρωμάτων της εικόνας που συνήθως αυτοματοποιείται σε άλλα εργαλεία. Αυτό θα σας επιτρέψει να επιλέξετε το πιο κατάλληλο χρώμα. Συνιστούμε να ελέγξετε αυτό το εργαλείο, αν και η διεπαφή του δεν είναι τόσο περίπλοκη όσο άλλες εφαρμογές.

19. ColourGrab

Αυτό το εύχρηστο εργαλείο δημιουργεί χρωματικές παλέτες από οποιαδήποτε εικόνα. Εισαγάγετε τη διεύθυνση URL της εικόνας που θέλετε να αναλύσετε και η υπηρεσία θα δημιουργήσει αυτόματα ένα τρισδιάστατο γράφημα με πληροφορίες για τα χρώματα που χρησιμοποιούνται. Αν και αυτή η εφαρμογή δεν είναι απολύτως κατάλληλη για την επιλογή ενός συνδυασμού χρωμάτων για έναν ιστότοπο, μπορεί να χρησιμοποιηθεί για τη μελέτη εικόνων και των χρωματικών τους χαρακτηριστικών.

20.ColorBlender

Το ColorBlender δημιουργεί μια παλέτα πέντε ταιριασμένων χρωμάτων

Ένα από τα πιο απλά εργαλεία που σας επιτρέπει να προσαρμόσετε το χρώμα και να αποκτήσετε πέντε χρώματα που συνδυάζονται μεταξύ τους σε πραγματικό χρόνο. Η παλέτα που δημιουργείται μπορεί να ληφθεί στο Photoshop ή το Illustrator ως αρχείο EPS.

21. GrayBit

Το GrayBit ​​σάς επιτρέπει να αναλύετε ιστότοπους για να κατανοήσετε πώς θα έμοιαζαν σε κλίμακα του γκρι

Αυτό το εργαλείο θα σας βοηθήσει να δείτε πώς φαίνεται ο ιστότοπός σας σε γκρι τόνους. Μια εξαιρετική υπηρεσία που θα βοηθήσει στον εντοπισμό προβληματικών περιοχών σε αντίθεση.

22. COLRD

Ένα εργαλείο που μπορεί να χρησιμοποιηθεί ως πηγή έμπνευσης ή για κοινή χρήση χρωμάτων. Φυσικά, αυτός ο πόρος δεν θα βοηθήσει στη δημιουργία σχημάτων, αλλά θα πρέπει οπωσδήποτε να το λάβετε υπόψη.

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

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

Είτε θέλετε να κάνετε την εργασία σας ευκολότερη και πιο γρήγορη είτε φτιάχνετε έναν ιστότοπο για πρώτη φορά, αυτά τα εργαλεία θα σας βοηθήσουν να βρείτε μια λύση.

Ας ξεκινήσουμε με μια σύντομη εισαγωγή στη θεωρία των χρωμάτων.

Παρακάτω θα βρείτε 19 πόρους που θα σας βοηθήσουν να επιλέξετε μια παλέτα χρωμάτων για τον ιστότοπό σας.

Παρασκευή

Χρειάζεστε κάποια έμπνευση;

1.

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

Ψάχνετε για έτοιμη παλέτα;

2.

Αυτό είναι ένα φόρουμ σχεδίασης παλέτας χρωμάτων με σχεδόν 2.000.000 επιλογές που υποβάλλονται από τους χρήστες. Μπορείτε να κατεβάσετε μια παλέτα που περιέχει ένα συγκεκριμένο χρώμα και να διαβάσετε τι γράφουν οι σχεδιαστές. Κατά κανόνα, για έναν συνδυασμό δίνονται πολλές επιλογές διαφορετικής έντασης.

Η παλέτα συνοδεύεται από διακριτικά ονόματα: Storm in the Whitsundays (αρχιπέλαγος του Ειρηνικού στη Θάλασσα των Κοραλλιών), Twilight in the Whitsundays, Whitsunday Island

3.

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

4.

Στο ColoRotate, θα βρείτε μια βιβλιοθήκη χρωμάτων που μπορείτε να περιηγηθείτε, να επιλέξετε και να τροποποιήσετε. Ένα ειδικό εργαλείο τρισδιάστατων χρωμάτων θα σας βοηθήσει να φτιάξετε τη δική σας παλέτα με βάση αυτή που βρήκατε. Ο συνδυασμός χρωμάτων που δημιουργείτε μπορεί να εφαρμοστεί αμέσως στο PhotoShop ή στο Fireworks εγκαθιστώντας την προσθήκη ColorRotate ή την εφαρμογή iPad.

Σύμφωνα με τις απαιτήσεις της μάρκας

Τι γίνεται αν έχετε ήδη εικόνες, λογότυπα ή απαιτήσεις επωνυμίας που πρέπει να πληρούνται;

1.

Αυτός ο ιστότοπος δεν είναι τόσο πλούσιος σε χαρακτηριστικά όσο κάποιοι σε αυτήν τη λίστα, αλλά κάνει εξαιρετική δουλειά για αυτό για το οποίο σχεδιάστηκε: την έρευνα ενός συγκεκριμένου χρώματος. Απλώς ανεβάστε μια εικόνα και το Color Hunter θα δημιουργήσει μια παλέτα με βάση αυτήν. Αυτός είναι ένας πολύ καλός τρόπος για να επιτευχθεί αρμονία μεταξύ των εικόνων και των κύριων χρωμάτων του ιστότοπου. Επιπλέον, εδώ μπορείτε να σχεδιάσετε το συνδυασμό χρωμάτων του ιστότοπου που σας αρέσει.

2.

Το Pictaculous φτιάχνει παλέτες από φωτογραφίες. Το μόνο που έχετε να κάνετε είναι να ανεβάσετε μια φωτογραφία για να πάρετε τα χρώματα που της ταιριάζουν. Ο πόρος θα προσφέρει επίσης έτοιμες παλέτες που θα σας ταιριάζουν.

3.

Αυτό το εργαλείο ήταν γνωστό ως Adobe Kuler και προοριζόταν για σύγκριση χρωμάτων. Τώρα είναι ένα πλήρες σύστημα δημιουργίας παλέτας που σας επιτρέπει να δοκιμάσετε, να συγκρίνετε και να αποθηκεύσετε συνδυασμούς χρωμάτων. Μπορείτε να επιλέξετε τον τύπο της παλέτας και να δημιουργήσετε σχέδια πέντε χρωμάτων αυτόματα ή χρησιμοποιώντας μη αυτόματες ρυθμίσεις.

4.

Το Paletton επιταχύνει τη διαδικασία δημιουργίας παλέτας. Πρέπει να επιλέξετε τον τύπο του σχήματος: μονο, σύνθετο, τριαδικό, τετράδικο, σχετικό, σχετική αντίθεση. Μόλις αλλάξετε ένα χρώμα, τα άλλα θα προσαρμοστούν αυτόματα.

5.

Το Color Spire δημιουργεί επίσης μια παλέτα βασισμένη σε ένα μόνο χρώμα. Επιλέγετε την αρχική απόχρωση και λαμβάνετε επιλογές για σχέδια που την συνοδεύουν. Μπορείτε επίσης να δείτε μια προεπισκόπηση της εμφάνισης της επιλεγμένης παλέτας στον ιστότοπο.

6.

Αυτή η προσθήκη Chrome σάς βοηθά να εναρμονίζετε τα χρώματα, να αντιμετωπίζετε την αχρωματοψία και να αναγνωρίζετε κωδικούς HEX. Οι παλέτες χρωμάτων μπορούν να εξαχθούν απευθείας στο Illustrator, στο PhotoShop και στο CoIRD.com.

7.

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

8.

Αυτό το εργαλείο επιλέγει χρώματα που ταιριάζουν με το δικό σας. Είναι λίγο πιο βασικό από τους άλλους πόρους αυτής της λίστας. Πρέπει να εισαγάγετε τον κωδικό HEX του χρώματος στη γραμμή ή να τον επιλέξετε από το φάσμα που παρουσιάζεται με τη μορφή τροχού. Η γεννήτρια παράγει 3 χρώματα που ταιριάζουν με το δικό σας και τους παρέχει κωδικούς HEX.

Δημιουργήστε το δικό σας χρώμα

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

1.

Αυτή η εφαρμογή iOS σάς βοηθά να επιλέξετε από πολλά χρώματα που είναι τοποθετημένα το ένα δίπλα στο άλλο σε μικρή απόσταση, κάτι που είναι πολύ πιο βολικό από την αναπαράσταση διαβάθμισης, τους κύκλους και τα φάσματα. Τα μεγάλα χρωματικά πλέγματα σάς επιτρέπουν να χρησιμοποιείτε ολόκληρη την οθόνη (η οποία είναι ιδιαίτερα πολύτιμη για τους κατόχους iPad Pro). Η εφαρμογή σάς επιτρέπει να δημιουργείτε χρωματικά δείγματα, να βρίσκετε τιμές RGB, HEX και HSLA και να δημιουργείτε παλέτες από σκίτσα.

3. Χρώμα

Στο Color από το HailPixel, δεν μπορείτε παρά να αποφασίσετε για ένα χρώμα. Θα καταλάβετε ακριβώς τι θέλετε και θα λάβετε τον κωδικό HEX για την απόχρωση.

Κουνάς το ποντίκι ή την κίνηση και το χρώμα αλλάζει λίγο κάθε φορά. Μοιάζει με χρωματική σφαίρα, που συνοδεύει συνεχώς τα χρώματα με κωδικούς HEX. Εάν μετακινηθείτε αριστερά και δεξιά στην οθόνη, το χρώμα θα αλλάξει και πάνω-κάτω ο κορεσμός θα αλλάξει.

Λάβετε κωδικό χρώματος

Εάν είδατε ένα χρώμα κάπου και θέλετε να μάθετε τον κωδικό και το όνομά του, αυτοί οι πόροι είναι για εσάς.

1.

Το SpyColor θα παρέχει πληροφορίες για οποιοδήποτε χρώμα, συμπεριλαμβανομένων των Hex, RGB, CMYK και άλλων κωδικών, και θα εμφανίζει μια σειρά μοτίβων για κάθε απόχρωση, συμπεριλαμβανομένων των συμπληρωματικών, των split-συμπληρωματικών, των διεργασιών, της αντίθεσης και των αναλογικών.

2.

Το HTML Color Codes βρίσκει τον κώδικα HEX για τα χρώματα σε μια εικόνα. Επιλέγετε μια εικόνα, την ανοίγετε για προβολή και λαμβάνετε τον κωδικό χρώματος τοποθετώντας το δείκτη του ποντικιού πάνω της.

Δοκιμάστε την παλέτα σας

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

Το Check my Colors ελέγχει τα χρώματα προσκηνίου και φόντου για να πληροί τις απαιτήσεις αντίθεσης για άτομα με μη φυσιολογική χρωματική όραση. Εάν θέλετε να βεβαιωθείτε ότι ο ιστότοπός σας είναι φιλικός προς την αχρωματοψία ή θέλετε να έχετε συνδυασμούς χρωμάτων που λειτουργούν και είναι έξυπνοι από την άποψη του UX, αυτός ο πόρος είναι απαραίτητος. Αρκεί να εισαγάγετε τη διεύθυνση του ιστότοπου για να εξοικειωθείτε με την αναφορά από την εμφάνισή της.

Εδώ μπορείτε να επιλέξετε έως και 5 αποχρώσεις από μια τεράστια παλέτα και να πάρετε εικόνες που έχουν παρόμοιο χρωματικό συνδυασμό και συνοδεύονται από κωδικούς HEX. Οι φωτογραφίες μπορούν να αποθηκευτούν στον ιστότοπο ή να ληφθούν.

συμπέρασμα

Η δημιουργία μιας χρωματικής παλέτας για έναν ιστότοπο είναι μια τέχνη στη διασταύρωση τέχνης και επιστήμης. Αυτοί οι πόροι θα σας βοηθήσουν να αποκτήσετε γρήγορα και εύκολα μια οπτική εμπειρία που φαίνεται υπέροχη και έχει καλή απόδοση.


Οι περισσότεροι συζητήθηκαν
Κολοκυθάκια με μανιτάρια ψημένα στο φούρνο Μανιτάρια και κολοκυθάκια πάνε μαζί; Κολοκυθάκια με μανιτάρια ψημένα στο φούρνο Μανιτάρια και κολοκυθάκια πάνε μαζί;
Συνταγή για μπούτια κοτόπουλου με μέλι και σάλτσα σόγιας Μπούτια κοτόπουλου μαριναρισμένα σε σάλτσα σόγιας Συνταγή για μπούτια κοτόπουλου με μέλι και σάλτσα σόγιας Μπούτια κοτόπουλου μαριναρισμένα σε σάλτσα σόγιας
Φτερούγες κοτόπουλου με πατάτες στο φούρνο Φτερούγες κοτόπουλου με πατάτες στο φούρνο


μπλουζα