Color Studio

Δημιουργήστε αρμονικές χρωματικές παλέτες από ένα διαδραστικό χρωματικό τροχό — εφαρμόστε κανόνες αρμονίας όπως analogous, complementary ή triad, και αντιγράψτε οποιαδήποτε τιμή άμεσα.

Ανακατέψτε ένα αρχικό χρώμα με ένα τελικό σε έως 10 βήματα — προεπισκοπήστε τη διαβάθμιση, πάρτε κάθε απόχρωση και αντιγράψτε οποιαδήποτε μορφή άμεσα.

Δημιουργήστε πλήρη γκάμα tints και αποχρώσεων από ένα μόνο χρώμα — επιλέξτε βήμα σκούρανσης/φωτίσματος και αριθμό αποχρώσεων, μετά αντιγράψτε οποιαδήποτε τιμή άμεσα.

Τραβήξτε μια εκλεπτυσμένη, έτοιμη για αντιγραφή χρωματική παλέτα από οποιαδήποτε εικόνα.

Μετατρέψτε χρώματα μεταξύ HEX, RGB, RGBA, HSL, HSLA και HSV — επιλέξτε χρώμα, ρυθμίστε το alpha και αντιγράψτε οποιαδήποτε μορφή άμεσα.

Βρείτε το πλησιέστερο κατονομαζόμενο CSS χρώμα και την πλησιέστερη Tailwind απόχρωση για οποιοδήποτε χρώμα — αντιληπτικά ταιριαστό, με τιμές έτοιμες για αντιγραφή.

Δειγματοληψία οποιουδήποτε pixel στην οθόνη σας με το eyedropper, ή επιλέξτε χρώματα από μια εικόνα που αποθέσατε, και συλλέξτε τα σε μια παλέτα έτοιμη για αντιγραφή.

Εξαγάγετε μια όμορφη διαβάθμιση από οποιαδήποτε φωτογραφία — αποθέστε εικόνα, επιλέξτε διάθεση και τα κυρίαρχα χρώματα γίνονται draggable σημεία διαβάθμισης. Αντιγράψτε έτοιμο CSS άμεσα.

Δημιουργήστε γραμμικές, ακτινωτές και κωνικές CSS διαβαθμίσεις από μηδέν με draggable έλεγχο πολλαπλών σημείων και επιμελημένα presets. Αντιγράψτε έτοιμο CSS άμεσα.

Επικολλήστε ή εισαγάγετε ένα σύνολο χρωμάτων και εξαγάγετέ τα άμεσα σε CSS variables, SCSS, Tailwind config, JSON ή SVG swatches — το τελευταίο βήμα για κάθε παλέτα.

Ελέγξτε τον λόγο αντίθεσης WCAG μεταξύ χρώματος κειμένου και φόντου — δείτε βαθμολογίες AA/AAA για κανονικό κείμενο, μεγάλο κείμενο και στοιχεία UI, με ζωντανή προεπισκόπηση και προτάσεις προσβάσιμων χρωμάτων.

Δείτε την εικόνα ή παλέτα σας όπως τη βλέπουν άτομα με πρωτανοπία, δευτερανοπία, τριτανοπία ή ακρωματοψία — εκτελείται εξ ολοκλήρου στο πρόγραμμα περιήγησης, τίποτα δεν μεταφορτώνεται.