Πώς να σχεδιάσετε με μπλε και συμπληρωματικά χρώματα

2024 Συγγραφέας: Abigail Brown | [email protected]. Τελευταία τροποποίηση: 2023-12-17 06:44

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

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

Τα αντίθετα έλκονται και το μπλε ταιριάζει με το πορτοκαλί

Σκεφτείτε το ενδεχόμενο να συνδυάσετε μπλε χρώματα με πορτοκαλί σε έναν συμπληρωματικό συνδυασμό χρωμάτων.

Από το πιο σκούρο στο πιο ανοιχτό, τα πορτοκαλί που εμφανίζονται με κάθε μπλε δείγμα στην παραπάνω εικόνα είναι:

• Hex FFA500 | RGB 255, 165, 0 (ένα χρυσό πορτοκάλι, λέξη-κλειδί χρώματος SVG & λέξη-κλειδί χρώματος CSS πορτοκαλί)
• Hex FF8000 | RGB 255, 128, 0 (μεσαίο πορτοκαλί)
• Hex FF4500 | RGB 255, 69, 0 (πορτοκαλί κόκκινο, έγχρωμη λέξη-κλειδί SVG πορτοκαλί)
• Hex C83200 | RGB 200, 50, 0 (ένα σκούρο πορτοκαλί)
• Αριθμοί: Hex FF7F27 | RGB 255, 127, 39 (ένα ροδακινί πορτοκάλι)

Τα μπλουζ, από πιο σκούρα έως πιο ανοιχτά είναι:

1. Ναυτικό: Hex 000080 | RGB 0, 0, 128 (έγχρωμη λέξη-κλειδί CSS/έγχρωμη λέξη-κλειδί SVG navy)
2. Μπλε: Hex 0000FF | RGB 0, 0, 255 (η λέξη-κλειδί χρώματος CSS/SVG είναι μπλε, το ασφαλές χρώμα του προγράμματος περιήγησης)
3. Hex: 0045FF | RGB 0, 69, 255 (ένα μεσαίο μπλε)
4. Ατσάλι Μπλε: Hex 4682B4 | RGB 70, 130, 180 (έγχρωμη λέξη-κλειδί SVG ατσάλι μπλε, εταιρικό μπλε)
5. Hex: 0080FF | RGB 0, 128, 255 (ένα μεσαίο μπλε)
6. Ανοικτό μπλε: Hex ADD8E6 | RGB 173, 216, 230 (έγχρωμη λέξη-κλειδί SVG ανοιχτό μπλε)

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

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

Μίξτε Deep Blues με Χρυσοκίτρινο

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

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

Από το πιο σκούρο στο πιο ανοιχτό, το κίτρινο που εμφανίζεται με κάθε μπλε δείγμα στην παραπάνω εικόνα είναι:

• Κίτρινο Κάδιο: Εξάγωνο FF9912 | RGB 255, 153, 18 (ένα ζεστό, καφέ κίτρινο)
• Χρυσός: Hex FFD700 | RGB 255, 215, 0 (έγχρωμη λέξη-κλειδί SVG χρυσό)
• Αριθμοί: Hex FFFF00 | RGB 255, 255, 0 (χρώμα λέξη-κλειδί SVG/CSS κίτρινο)

Τα μπλουζ είναι:

1. Πολύ σκούρο μπλε: Hex 000033 | RGB 0, 0, 51 (ασφαλές πρόγραμμα περιήγησης σκούρο μπλε)
2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (έγχρωμη λέξη-κλειδί SVG midnightblue)
3. Μπλε σκούρο σχιστόλιθο: Hex 483D8B RGB 72, 61, 139 (έγχρωμη λέξη-κλειδί SVG darkslateblue; ένα γκριζωπό-μωβ μπλε)
4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (έγχρωμη λέξη-κλειδί SVG indigo, μωβ μπλε)
5. Μπλε βιολετί: Hex 8A2BE2 | RGB 138, 43, 226 (έγχρωμη λέξη-κλειδί SVG μπλε βιολετί)
6. Μπλε κοβαλτίου: Hex 3D59AB | RGB 61, 89, 171

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

Αποχρώσεις του κυανού με σκούρο πορτοκαλί

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

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

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

• Βαθύ πορτοκαλί κόκκινο: Hex CD3700 | RGB 205, 55, 0
• Πορτοκαλί καδμίου: Hex FF6103 | RGB 255, 97, 3
• Αριθμοί: Red Hex FF0000 | RGB 255, 0, 0 (έγχρωμη λέξη-κλειδί SVG/CSS κόκκινο)

Τα μπλουζ είναι:

1. Σκούρο Βασιλικό Μπλε: Hex 27408B | RGB 39, 64, 139
2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not έγχρωμη λέξη-κλειδί βαθύ μπλε)
3. Μπλε σκούρο σχιστόλιθο: Hex 2F4F4F RGB 47, 79, 79 (not έγχρωμη λέξη-κλειδί darkslateblue)
4. Σκούρο κυανό: Hex 008B8B | RGB 0, 139, 139 (η πιο πράσινη πλευρά του μπλε)
5. Μπλε μαγγανίου: Hex 03A89E | RGB 3, 168, 158 (ένα μπλε τιρκουάζ χρώμα)
6. Κυανό (Aqua): Hex 00FFFF | RGB 0, 255, 255 (έγχρωμη λέξη-κλειδί SVG κυανό ή aqua, μπλε-πράσινο χρώμα)

Μπλε, Κόκκινο και Κίτρινο

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

1. Ναυτικό: Hex 000080 | RGB 0, 0, 128
2. Φωτεινό κόκκινο: Hex FE0004 | RGB 254, 0, 4
3. Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
4. Μπλε σκούρο σχιστόλιθο: Hex 483D8B RGB 72, 61, 139 (λέξη-κλειδί χρώματος SVG σκούρο μπλε σχιστόλιθο, ένα γκριζωπό-μωβ μπλε)
5. Χρυσός: Hex FFD700 | RGB 255, 215, 0 (έγχρωμη λέξη-κλειδί SVG χρυσό)
6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
7. Σκούρο κυανό: Hex 008B8B | RGB 0, 139, 139 (η πιο πράσινη πλευρά του μπλε)
8. Βιολετί-Κόκκινο: Hex D02090 | RGB 208, 32, 144
9. Σκούρο πορτοκαλί: Hex C83200 | RGB 200, 50, 0 (not έγχρωμη λέξη-κλειδί σκούρο πορτοκαλί)

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