Μετατροπέας HEX σε RGB: Κωδικοί χρώματος, HSL, CMYK – Δωρεάν
Δωρεάν, χωρίς εγγραφή, λειτουργεί στο πρόγραμμα περιήγησής σου. Μετάτρεψε HEX σε RGB ή αντίστροφα καθώς γράφεις. Πάρε HEX, RGB, HSL, HSV και CMYK μαζί, με κουμπί αντιγραφής για καθέναν.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
Αντίθεση για κείμενο
Το AA θέλει 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο· το AAA θέλει 7:1. Η αντίθεση μετριέται στο συμπαγές χρώμα.
Όλα μετατρέπονται στη συσκευή σου.
Γιατί να χρησιμοποιήσεις το Μετατροπέας χρώματος HEX σε RGB
- 100% δωρεάν
- Χρησιμοποίησέ το όσο συχνά θες. Χωρίς εγγραφή, χωρίς υδατογράφημα, χωρίς εγκατάσταση.
- Ιδιωτικό από τη σχεδίασή του
- Ό,τι γράφεις μένει στο πρόγραμμα περιήγησής σου και δεν μας στέλνεται ποτέ.
- Λειτουργεί σε κάθε συσκευή
- Τρέχει στο πρόγραμμα περιήγησης σε Windows, Mac, Linux, Android και iPhone. Δεν χρειάζεται εφαρμογή.
Πώς χρησιμοποιείς το Μετατροπέας χρώματος HEX σε RGB
- Επικόλλησε ένα χρώμα στο πεδίο «Χρώμα» σε οποιαδήποτε μορφή, όπως #2F5BFF, rgb(47, 91, 255), hsl(227, 100%, 59%) ή cmyk(82%, 64%, 0%, 0%), ή χρησιμοποίησε την «Επιλογή δείγματος».
- Σύρε το ρυθμιστικό «Αδιαφάνεια» αν χρειάζεσαι διαφάνεια. Το HEX παίρνει δύο ψηφία και το RGB γίνεται rgba().
- Πάτα το κουμπί αντιγραφής δίπλα στο HEX, RGB, HSL, HSV ή CMYK.
- Στο «Αντίθεση για κείμενο», δες αν το λευκό ή το μαύρο κείμενο διαβάζεται καλά πάνω στο χρώμα.
Συχνές ερωτήσεις
Πώς μετατρέπω HEX σε RGB;
Χώρισε τα έξι ψηφία σε τρία ζεύγη και διάβασε κάθε ζεύγος ως αριθμό από 0 έως 255. Για #2F5BFF είναι 2F = 47, 5B = 91 και FF = 255, άρα rgb(47, 91, 255). Αυτό το εργαλείο το κάνει καθώς γράφεις.
Πώς μετατρέπω RGB σε HEX;
Επικόλλησε την τιμή RGB, όπως rgb(47, 91, 255) ή απλώς 47, 91, 255, και αντίγραψε τη γραμμή HEX. Κάθε αριθμός από 0 έως 255 γίνεται δύο δεκαεξαδικά ψηφία: 47 είναι 2F, 91 είναι 5B και 255 είναι FF.
Τι γίνεται με κωδικούς HEX 8 ψηφίων;
Τα δύο τελευταία ψηφία είναι η αδιαφάνεια (alpha), από 00 (διάφανο) έως FF (συμπαγές). Το #2F5BFF80 είναι περίπου 50% αδιαφανές. Οι σύντομες μορφές όπως #abc και #abcd λειτουργούν επίσης.
Ποια είναι η διαφορά ανάμεσα σε HEX, RGB και HSL;
Περιγράφουν το ίδιο χρώμα με διαφορετικούς τρόπους. Το HEX και το RGB δίνουν την ποσότητα κόκκινου, πράσινου και μπλε (το HEX σε βάση 16), ενώ το HSL δίνει απόχρωση, κορεσμό και φωτεινότητα, που είναι ευκολότερο να ρυθμιστεί με το χέρι. Και τα τρία δουλεύουν στο CSS.
Τι είναι το HSV και σε τι διαφέρει από το HSL;
Το HSV (λέγεται και HSB) χρησιμοποιεί απόχρωση, κορεσμό και τιμή, το μοντέλο που χρησιμοποιούν πολλές εφαρμογές σχεδίασης στους επιλογείς χρώματος. Στο HSL, το 100% φωτεινότητα είναι πάντα λευκό· στο HSV, το 100% τιμή είναι η πιο φωτεινή εκδοχή του χρώματος.
Γιατί τα CMYK χρώματα φαίνονται διαφορετικά στην εκτύπωση;
Η μετατροπή από οθόνη σε εκτύπωση εξαρτάται από τον εκτυπωτή, το μελάνι και το χαρτί. Το CMYK που δείχνεται εδώ είναι μια απλή μαθηματική μετατροπή· ζήτα από τον εκτυπωτή σου το προφίλ χρώματός του για ακριβή αποτελέσματα.
Τι σημαίνει ο λόγος αντίθεσης;
Μετρά πόσο διαβάζεται το λευκό ή μαύρο κείμενο πάνω στο χρώμα. Οι οδηγίες προσβασιμότητας (WCAG) ζητούν τουλάχιστον 4.5:1 για κανονικό κείμενο, 3:1 για μεγάλο και 7:1 για το αυστηρότερο επίπεδο AAA.
Αποστέλλεται κάτι κάπου;
Όχι. Οι μετατροπές γίνονται στη συσκευή σου.
Είναι το Μετατροπέας χρώματος HEX σε RGB δωρεάν;
Ναι. Είναι δωρεάν στη χρήση, χωρίς εγγραφή και χωρίς εγκατάσταση.
Βοήθεια και οδηγοί (στα αγγλικά)
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- CSS Gradient Text: background-clip Method (Free Generator)Make CSS gradient text with background-clip: text and a transparent fill. Copy a gradient from a free generator, add a solid fallback, check contrast.
- Color Picker From Image: Get the HEX Code FreeClick any spot in a photo, logo or screenshot to get its HEX and RGB code, free in your browser. Plus how to match a brand colour from a logo accurately.
Σχετικά εργαλεία
- Εύρεση ονόματος χρώματοςΓράψε κωδικό HEX, RGB ή HSL και δες τα πιο κοντινά ονόματα χρωμάτων CSS. Φίλτραρε όλα τα 148 ονόματα και αντίγραψε όποιο θες.
- Έλεγχος αντίθεσης χρωμάτωνΒάλε χρώμα κειμένου και φόντου για τον λόγο αντίθεσης WCAG και τα αποτελέσματα AA και AAA. Αν αποτύχει, πάτα το πλησιέστερο χρώμα που περνά.
- Γεννήτρια παλέτας χρωμάτωνΔημιούργησε παλέτα πέντε χρωμάτων με το πλήκτρο διαστήματος, κλείδωσε όσα θες ή φτιάξε σχήμα από δικό σου χρώμα. Εξαγωγή σε CSS και Tailwind.
- Γεννήτρια διαβάθμισης CSSΦτιάξε γραμμική, ακτινική ή κωνική διαβάθμιση με 2 έως 8 χρώματα και αντίγραψε τον κώδικα CSS. Κατέβασέ την και ως PNG σε HD ή 4K.