Μετατροπή χρώματος
#ca4e4e
≈ Chestnut Rose
Παραλλαγές
Ο σκοπός αυτού του τμήματος είναι η ακριβής παραγωγή αποχρώσεων (προστιθέμενο καθαρό λευκό) και αποχρώσεων (προστιθέμενο καθαρό μαύρο) του επιλεγμένου χρώματος σε βήματα 10%.
Συμβουλή επαγγελματία: Χρησιμοποιήστε αποχρώσεις για καταστάσεις αιώρησης και σκιές, αποχρώσεις για φωτεινά σημεία και φόντα.
Αποχρώσεις
Σκουρότερες παραλλαγές που δημιουργούνται με την προσθήκη μαύρου στο βασικό σας χρώμα.
Αποχρώσεις
Φωτεινότερες παραλλαγές που δημιουργούνται με την προσθήκη λευκού στο βασικό σας χρώμα.
Κοινές περιπτώσεις χρήσης
- • Καταστάσεις στοιχείων UI (hover, ενεργό, απενεργοποιημένο)
- • Δημιουργία βάθους με σκιές και ανταύγειες
- • Οικοδόμηση συνεπών συστημάτων χρωμάτων
Συμβουλή συστήματος σχεδιασμού
Αυτές οι παραλλαγές αποτελούν το θεμέλιο μιας συνεκτικής παλέτας χρωμάτων. Εξαγάγετε τις για να διατηρήσετε τη συνοχή σε ολόκληρο το έργο σας.
Συνδυασμοί χρωμάτων
Κάθε αρμονία έχει τη δική της διάθεση. Χρησιμοποιήστε τις αρμονίες για να σκεφτείτε συνδυασμούς χρωμάτων που λειτουργούν καλά μαζί.
Πώς να το χρησιμοποιήσετε
Κάντε κλικ σε οποιοδήποτε χρώμα για να αντιγράψετε τη δεκαεξαδική τιμή του. Αυτοί οι συνδυασμοί είναι μαθηματικά αποδεδειγμένο ότι δημιουργούν οπτική αρμονία.
Γιατί έχει σημασία
Οι χρωματικές αρμονίες δημιουργούν ισορροπία και προκαλούν συγκεκριμένα συναισθήματα στα σχέδιά σας.
Συμπλήρωμα
Ένα χρώμα και το αντίθετό του στον χρωματικό κύκλο, +180 μοίρες απόχρωσης. Υψηλή αντίθεση.
Split-complementary
Ένα χρώμα και δύο παρακείμενα στο συμπλήρωμα του, +/-30 μοίρες απόχρωσης από την τιμή που βρίσκεται απέναντι από το κύριο χρώμα. Τολμηρό όπως ένα ευθύ συμπλήρωμα, αλλά πιο ευέλικτο.
Τριαδική
Τρία χρώματα τοποθετημένα ομοιόμορφα κατά μήκος του χρωματικού κύκλου, το καθένα σε απόσταση 120 μοιρών μεταξύ τους. Καλύτερα να αφήσετε ένα χρώμα να κυριαρχήσει και να χρησιμοποιήσετε τα άλλα ως τόνους.
Ανάλογο
Τρία χρώματα της ίδιας φωτεινότητας και κορεσμού με αποχρώσεις που βρίσκονται δίπλα στον χρωματικό κύκλο, σε απόσταση 30 μοιρών μεταξύ τους. Ομαλές μεταβάσεις.
Μονοχρωματικό
Τρία χρώματα της ίδιας απόχρωσης με τιμές φωτεινότητας +/-50%. Λεπτό και εκλεπτυσμένο.
Τετραδική
Δύο σύνολα συμπληρωματικών χρωμάτων, που απέχουν μεταξύ τους 60 μοίρες απόχρωσης.
Αρχές θεωρίας χρωμάτων
Υπόλοιπο
Χρησιμοποιήστε ένα κυρίαρχο χρώμα, υποστηρίξτε το με δευτερεύον και δώστε έμφαση με φειδώ.
Αντίθεση
Εξασφαλίστε επαρκή αντίθεση για αναγνωσιμότητα και προσβασιμότητα.
Αρμονία
Τα χρώματα πρέπει να συνεργάζονται μεταξύ τους για να δημιουργούν μια ενιαία οπτική εμπειρία.
Έλεγχος αντίθεσης χρώματος
Δοκιμάστε συνδυασμούς χρωμάτων για να διασφαλίσετε ότι πληρούν τα πρότυπα προσβασιμότητας WCAG για την αναγνωσιμότητα του κειμένου.
Χρώμα κειμένου
Χρώμα φόντου
Αντίθεση
Πρότυπα WCAG
Όλοι είναι ιδιοφυΐες. Αλλά αν κρίνετε ένα ψάρι από την ικανότητά του να σκαρφαλώνει σε ένα δέντρο, θα ζήσει όλη του τη ζωή πιστεύοντας ότι είναι ηλίθιο.