Ανάμειξη χρωμάτων online

Λειτουργεί εξ ολοκλήρου στον browser σας - χωρίς μεταφόρτωση, χωρίς εγγραφή.

Χρώμα A

Χρώμα B

Αναλογία ανάμειξης50% A / 50% B

Αναμεμειγμένο χρώμαΨηφιακή ανάμειξη sRGB

#9a7b8650% A / 50% B

HEX#9a7b86

RGBrgb(154, 123, 134)

HSLhsl(339, 13%, 54%)

CSS--mixed-color: #9a7b86;

Κοινοποιήστε αυτό το εργαλείο

Τι είναι η ανάμειξη χρωμάτων online;

Η ανάμειξη χρωμάτων συνδυάζει δύο ψηφιακά χρώματα στην αναλογία που επιλέγετε και εμφανίζει αμέσως το νέο χρώμα. Διαλέξτε ή πληκτρολογήστε δύο τιμές HEX, μετακινήστε το ρυθμιστικό και αντιγράψτε το αποτέλεσμα ως HEX, RGB, HSL ή μεταβλητή CSS. Όλοι οι υπολογισμοί γίνονται στον browser.

Πώς λειτουργεί

1Επιλέξτε δύο χρώματα. Χρησιμοποιήστε τους επιλογείς χρώματος ή πληκτρολογήστε μια τιμή HEX 3 ή 6 χαρακτήρων στα πεδία Χρώμα A και Χρώμα B.
2Ορίστε την αναλογία. Σύρετε το ρυθμιστικό προς το A ή το B. Η προεπισκόπηση και όλες οι τιμές χρώματος ενημερώνονται αμέσως.
3Αντιγράψτε το αποτέλεσμα. Αντιγράψτε το αναμεμειγμένο χρώμα ως HEX, RGB, HSL ή ως έτοιμη προσαρμοσμένη ιδιότητα CSS.

Σε ποιους απευθύνεται

Σχεδιαστές περιβάλλοντος χρήσης που αναζητούν μια ισορροπημένη ενδιάμεση απόχρωση ανάμεσα σε δύο χρώματα εταιρικής ταυτότητας ή διεπαφής.
Προγραμματιστές front-end που χρειάζονται μια επαναχρησιμοποιήσιμη τιμή CSS ανάμεσα σε υπάρχοντα χρώματα του συστήματος σχεδίασης.
Εικονογράφοι και δημιουργοί που δοκιμάζουν ψηφιακούς συνδυασμούς πριν φτιάξουν μια παλέτα.
Μαθητές και φοιτητές που παρατηρούν πώς αλλάζουν οι τιμές των καναλιών RGB όταν μεταβάλλονται οι αναλογίες.

Ο μείκτης υπολογίζει τον σταθμισμένο μέσο όρο των κόκκινων, πράσινων και μπλε καναλιών δύο χρωμάτων sRGB. Στο 50%, τα δύο χρώματα συμμετέχουν εξίσου. Μετακινήστε το ρυθμιστικό προς τη μία άκρη για να κρατήσετε μεγαλύτερο ποσοστό από το αντίστοιχο χρώμα. Τα χρώματα παραμένουν στη συσκευή σας και κάθε αποτέλεσμα μπορεί να επικολληθεί απευθείας σε αρχείο σχεδίασης ή φύλλο στυλ.

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

Συχνές ερωτήσεις

Είναι δωρεάν αυτή η ανάμειξη χρωμάτων;

Ναι. Μπορείτε να τη χρησιμοποιείτε δωρεάν, χωρίς λογαριασμό, λήψη ή όριο χρήσης. Επιλέξτε δύο χρώματα, ρυθμίστε την αναλογία και αντιγράψτε όσα αποτελέσματα χρειάζεστε.

Ανεβαίνουν κάπου τα χρώματά μου;

Όχι. Οι τιμές χρώματος αναμειγνύονται με JavaScript στον browser. Τίποτα από όσα πληκτρολογείτε δεν αποστέλλεται σε διακομιστή, οπότε μπορείτε να δοκιμάσετε με ασφάλεια αδημοσίευτα χρώματα εταιρικής ταυτότητας ή προϊόντος.

Πόσα χρώματα μπορώ να αναμείξω;

Ο μείκτης συνδυάζει δύο χρώματα κάθε φορά, ώστε να ελέγχετε με ακρίβεια τη μεταξύ τους σχέση. Για τρίτο χρώμα, αντιγράψτε το πρώτο αποτέλεσμα σε ένα πεδίο και αναμείξτε το με το επόμενο.

Πώς υπολογίζεται το αποτέλεσμα;

Τα δύο χρώματα HEX μετατρέπονται σε τιμές κόκκινου, πράσινου και μπλε. Το επιλεγμένο ποσοστό εφαρμόζεται σε κάθε κανάλι, οι συνεισφορές προστίθενται και το αποτέλεσμα στρογγυλοποιείται στον πλησιέστερο ακέραιο. Στη συνέχεια μετατρέπεται σε HEX, RGB και HSL.

Δείχνει τι χρώμα θα βγάλουν δύο μπογιές;

Όχι. Πρόκειται για ψηφιακή ανάμειξη sRGB για χρώματα οθόνης. Η μπογιά αναμειγνύεται αφαιρετικά και το αποτέλεσμα εξαρτάται από τις πραγματικές χρωστικές, τη συγκέντρωση και τον φωτισμό, γι' αυτό μπορεί να είναι πιο σκούρο ή να αλλάζει απόχρωση.

Μπορώ να χρησιμοποιήσω σύντομους κωδικούς HEX;

Ναι. Μπορείτε να εισαγάγετε τιμή 3 χαρακτήρων, όπως #f06, ή 6 χαρακτήρων, όπως #ff0066, με ή χωρίς το αρχικό #. Η σύντομη τιμή επεκτείνεται αυτόματα στην κανονική μορφή 6 χαρακτήρων.