Γεννήτρια πρακτικών εργαλείων
Γεννήτρια παλέτας χρωμάτων
Δημιουργήστε αρμονική και προσβάσιμη παλέτα από βασικό χρώμα, φωτογραφία ή τυχαία ιδέα.
HEX · RGB · HSL · OKLCH · WCAG
Στούντιο χρωματικών παλετών
Δημιουργήστε αρμονική και προσβάσιμη παλέτα από βασικό χρώμα, φωτογραφία ή τυχαία ιδέα.
Η παλέτα σας
Πατήστε έναν κωδικό για αντιγραφή. Κλειδώστε ή αναδιατάξτε χρώματα πριν από νέα δημιουργία.
Σύρετε τις κάρτες ή χρησιμοποιήστε τα βέλη για αναδιάταξη.
Ζωντανή προεπισκόπηση διεπαφής
Καθαρότερο οπτικό σύστημα
Δοκιμάστε την παλέτα σε ρεαλιστική κάρτα με πλοήγηση, κείμενο και κουμπί.
Προσβασιμότητα και αντίθεση
Πίνακας αντίθεσης
Προεπισκόπηση χρωματικής όρασης
Προσεγγιστική απεικόνιση· δοκιμάστε με πραγματικούς χρήστες και όχι μόνο με χρώμα.
Δημιουργός διαβάθμισης
Εξαγωγή παλέτας
Επιλέξτε χρωματική αρμονία
Οι μονοχρωματικές παλέτες μεταβάλλουν μία απόχρωση. Τα ανάλογα χρώματα είναι κοντά, ενώ τα συμπληρωματικά, τριαδικά και τετραδικά χρησιμοποιούν μεγαλύτερες αποστάσεις.
Ελέγξτε την προσβασιμότητα
Τα αποτελέσματα WCAG εμφανίζονται και με κείμενο. Το κανονικό κείμενο χρειάζεται 4,5:1 για AA και το μεγάλο 3:1.
Χρησιμοποιήστε τη σωστή μορφή
HEX και RGB υποστηρίζονται ευρέως, HSL προσαρμόζεται εύκολα και OKLCH προσφέρει πιο ομοιόμορφη αντιληπτή φωτεινότητα και χρωματικότητα.
Συχνές ερωτήσεις για την παλέτα
Τι είναι η χρωματική αρμονία;
Είναι μια επαναλήψιμη σχέση αποχρώσεων, όπως ανάλογη, συμπληρωματική ή τριαδική.
Πώς γίνεται μια παλέτα προσβάσιμη;
Ελέγξτε την αντίθεση κειμένου και φόντου, μη βασίζεστε μόνο στο χρώμα και δοκιμάστε τις διαδραστικές καταστάσεις.
Η εικόνα αποστέλλεται στον διακομιστή;
Όχι. Η εξαγωγή χρωμάτων γίνεται τοπικά στον φυλλομετρητή και η εικόνα δεν μεταφορτώνεται.
Ποια μορφή εξαγωγής να επιλέξω;
CSS για ιστοτόπους, SCSS για φύλλα στυλ, JSON για εφαρμογές και PNG για οπτική αναφορά.
Κατάλογος εργαλείων για κατοικίδια, ψηφιακά και web
Χρειάζεστε άλλο εργαλείο για κατοικίδια ή ψηφιακή χρήση;
Δείτε εργαλεία για ηλικία και τροφή σκύλων και γατών, δοσολογία φαρμάκων κατοικιδίων, παλέτες χρωμάτων, αποθήκευση δεδομένων, πυκνότητα pixel και μετατροπή RGB σε HEX.