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