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