HEX · RGB · HSL · HSV · CMYK

Μετατροπέας χρωμάτων RGB–HEX και αντίθεσης

Μετατρέψτε HEX, RGB, HSL, HSV και CMYK, ρυθμίστε διαφάνεια, ελέγξτε αντίθεση WCAG και αντιγράψτε έτοιμο CSS.

HEX · RGB · HSL · HSV · CMYK · WCAG

Στούντιο χρωμάτων RGB–HEX και έλεγχος αντίθεσης

Μετατρέψτε HEX, RGB, HSL, HSV και CMYK, ρυθμίστε διαφάνεια, ελέγξτε αντίθεση WCAG και αντιγράψτε έτοιμο CSS.

Τρέχον χρώμα

#FF6347
Πλησιέστερο κοινό χρώμα CSS: tomato

Κανάλια RGBA

Χρωματικά μοντέλα

HSL

HSV

CMYK

Μορφές χρώματος

Ζωντανή προεπισκόπηση διεπαφής

Φωτεινό

Προεπισκόπηση κουμπιού

Αυτό το κείμενο δείχνει την αναγνωσιμότητα των επιλεγμένων χρωμάτων.

Σκούρο

Προεπισκόπηση κουμπιού

Αυτό το κείμενο δείχνει την αναγνωσιμότητα των επιλεγμένων χρωμάτων.

Προσβασιμότητα και αντίθεση

2.95:1
Καλύτερο χρώμα κειμένου: #000000

Αυτό το κείμενο δείχνει την αναγνωσιμότητα των επιλεγμένων χρωμάτων.

Χρωματικές αρμονίες

Πρόσφατα χρώματα

Στοιχεία χρώματος

Σχετική φωτεινότητα0.00
Αντιληπτή φωτεινότητα0%
Πλησιέστερο κοινό χρώμα CSStomato

Τα χρώματα οθόνης και εκτύπωσης μπορεί να διαφέρουν· το εργαλείο χρησιμοποιεί sRGB.

Πώς μετατρέπονται οι τιμές RGB σε HEX;

Κάθε κανάλι 0–255 γίνεται διψήφιο δεκαεξαδικό ζεύγος· κόκκινο, πράσινο και μπλε σχηματίζουν το #RRGGBB.

Τι σημαίνει η τιμή άλφα;

Η άλφα ελέγχει την αδιαφάνεια από πλήρως διαφανές έως αδιαφανές. Το οκταψήφιο HEX την αποθηκεύει στο τελευταίο ζεύγος.

Ελέγξτε την προσβασιμότητα

Τα αποτελέσματα WCAG εμφανίζονται και με κείμενο. Το κανονικό κείμενο χρειάζεται 4,5:1 για AA και το μεγάλο 3:1.

Τύποι

HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FFΛόγος αντίθεσης = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)
W3C · HEX · Με άλφαW3C · WCAG · Λόγος αντίθεσηςΤα χρώματα και το ιστορικό μένουν στον φυλλομετρητή σας.

Συχνές ερωτήσεις μετατροπέα RGB–HEX

Πώς μετατρέπονται οι τιμές RGB σε HEX;

Κάθε κανάλι 0–255 γίνεται διψήφιο δεκαεξαδικό ζεύγος· κόκκινο, πράσινο και μπλε σχηματίζουν το #RRGGBB.

Τι σημαίνει η τιμή άλφα;

Η άλφα ελέγχει την αδιαφάνεια από πλήρως διαφανές έως αδιαφανές. Το οκταψήφιο HEX την αποθηκεύει στο τελευταίο ζεύγος.

Πώς γίνεται μια παλέτα προσβάσιμη;

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

Γιατί το εκτυπωμένο χρώμα διαφέρει από την οθόνη;

Οι οθόνες εκπέμπουν φως RGB και οι εκτυπωτές αναμιγνύουν μελάνια· χαρτί, προφίλ και βαθμονόμηση επηρεάζουν το αποτέλεσμα.