Εργαλείο μετατροπής

Μετατρέψτε HEX, RGB, HSL, HSV και CMYK

Μετατρέψτε HEX, RGB, HSL, HSV/HSB και CMYK στο πρόγραμμα περιήγησης. Επιλέξτε χρώμα, αντιγράψτε κωδικούς και ελέγξτε την αντίθεση WCAG. Τίποτα δεν μεταφορτώνεται.

Επικολλήστε κωδικό χρώματος ή χρησιμοποιήστε τον επιλογέα. Τα HEX, RGB, HSL, HSV και CMYK ενημερώνονται μαζί. Η αντίθεση μετράται με αναλογίες WCAG σε αδιαφανές φόντο.

  • Τρέχει τοπικά
  • Χωρίς αποστολή
  • Άμεσα
  • Δωρεάν
Προεπισκόπηση
Σε λευκό
Σε μαύρο
Μορφή εισόδου

Τα RGBA, HSLA και το 8ψήφιο HEX κρατούν άλφα. Οι συμβολοσειρές HSV και CMYK όχι· το άλφα εμφανίζεται χωριστά.

Τα HSV και HSB είναι το ίδιο μοντέλο. Τα V και B σημαίνουν φωτεινότητα.

Το CMYK εδώ είναι εκτίμηση από RGB οθόνης. Δεν είναι μετατροπή προφίλ ICC εκτύπωσης.

Αντίθεση WCAG

Το προσκήνιο μπορεί να έχει άλφα και συντίθεται σε αδιαφανές φόντο. Αυτή η έκδοση δεν χρησιμοποιεί άλφα φόντου. Η αντίθεση μόνη της δεν αποδεικνύει ότι η σελίδα είναι προσβάσιμη.

Έλεγχος Αποτέλεσμα
AA κανονικό κείμενο
AA μεγάλο κείμενο
AAA κανονικό κείμενο
AAA μεγάλο κείμενο

Δείγμα κανονικού κειμένου

Δείγμα μεγάλου κειμένου

Η μετατροπή χρώματος και οι έλεγχοι αντίθεσης εκτελούνται στο πρόγραμμα περιήγησης. Οι τιμές δεν μεταφορτώνονται.

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

  1. Επικολλήστε τιμή HEX, RGB, HSL, HSV ή CMYK, ή χρησιμοποιήστε τον επιλογέα.
  2. Διαβάστε τους μετατρεμμένους κωδικούς και αντιγράψτε ό,τι χρειάζεστε.
  3. Αν το χρώμα είναι για κείμενο, ελέγξτε την αντίθεση σε αδιαφανές φόντο.

Γιατί NEXNARA

  • Ιδιωτικό

    Τα δεδομένα μένουν στο πρόγραμμα περιήγησης.

  • Άμεσα

    Τα αποτελέσματα εμφανίζονται αμέσως.

  • Χωρίς αποστολή

    Δεν αποστέλλεται τίποτα σε διακομιστή NEXNARA.

  • Λειτουργεί παντού

    Δεν απαιτείται εγκατάσταση.

Μάθετε περισσότερα

Τι είναι ο μετατροπέας χρώματος;

Το εργαλείο μετατρέπει μία σημείωση χρώματος στις άλλες. Αντιγράψτε HEX για CSS, RGB για σχεδίαση, HSL για ρυθμίσεις, HSV για επιλογείς ή απλή εκτίμηση CMYK. Όλοι οι υπολογισμοί μένουν στο πρόγραμμα περιήγησης.

Τι είναι το HEX;

Το HEX γράφει κόκκινο, πράσινο και μπλε ως δεκαεξαδικά ζεύγη, π.χ. #FF0000. Το σύντομο #RGB διπλασιάζει κάθε ψηφίο. Το οκταψήφιο #RRGGBBAA προσθέτει άλφα. Εδώ το # είναι προαιρετικό.

Τι είναι το RGB;

Το RGB αναμειγνύει κόκκινο, πράσινο και μπλε από 0 έως 255. Το RGBA προσθέτει άλφα 0–1. Οι οθόνες εμφανίζουν χρώμα σε RGB, γι’ αυτό είναι η κεντρική μορφή των άλλων μετατροπών.

Τι είναι το HSL;

Το HSL είναι απόχρωση (0–360), κορεσμός (0–100%) και φωτεινότητα (0–100%). Η απόχρωση 360 είναι ίδια με 0. Το HSLA προσθέτει άλφα. Χρήσιμο όταν θέλετε να φωτίσετε ή να κορέσετε χωρίς να σκέφτεστε ωμό RGB.

Τι είναι το HSV / HSB;

Το HSV (και HSB) χρησιμοποιεί απόχρωση, κορεσμό και τιμή/φωτεινότητα. Δεν είναι HSL: το πλήρως φωτεινό κόκκινο είναι hsv(0, 100%, 100%) και hsl(0, 100%, 50%). Το εργαλείο θεωρεί HSV και HSB ένα μοντέλο.

Τι είναι το CMYK;

Το CMYK είναι κυανό, ματζέντα, κίτρινο και μαύρο, το καθένα 0–100%. Οι εκτυπωτές χρησιμοποιούν CMYK. Η μετατροπή εδώ είναι μαθηματική εκτίμηση από RGB οθόνης, όχι έτοιμο προφίλ ICC τυπογραφείου.

RGB έναντι CMYK

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

Τι είναι το άλφα;

Το άλφα είναι αδιαφάνεια. 1 είναι συμπαγές· 0 πλήρως διαφανές. Το 8ψήφιο HEX, το RGBA και το HSLA το αποθηκεύουν. Οι έξοδοι HSV και CMYK στη σελίδα δεν περιλαμβάνουν άλφα, γι’ αυτό το πεδίο μένει ορατό.

Τι είναι η αναλογία αντίθεσης WCAG;

Η αντίθεση WCAG συγκρίνει τη σχετική φωτεινότητα κειμένου και φόντου. Συνήθεις στόχοι: 4,5:1 AA κανονικό, 3:1 AA μεγάλο, 7:1 AAA κανονικό και 4,5:1 AAA μεγάλο. Δεν καλύπτει μέγεθος γραμματοσειράς, βάρος ή την υπόλοιπη προσβασιμότητα.

Πώς να μετατρέψετε χρώμα

Επιλέξτε HEX, RGB, HSL, HSV ή CMYK. Επικολλήστε τιμή ή μετακινήστε τον επιλογέα. Η μετατροπή τρέχει καθώς πληκτρολογείτε. Αντιγράψτε οποιοδήποτε αποτέλεσμα. Για αντίθεση, ορίστε αδιαφανές φόντο και διαβάστε PASS ή FAIL δίπλα σε κάθε γραμμή WCAG.

Απόρρητο

Τίποτα δεν αποστέλλεται στο NEXNARA ή σε εξωτερικό API χρώματος. Το εργαλείο δεν αποθηκεύει τιμές σε cookie ή τοπική αποθήκευση.

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

Πώς μετατρέπω HEX σε RGB;

Επικολλήστε HEX όπως #FF0000 ή επιλέξτε το χρώμα. Το RGB εμφανίζεται ως rgb(255, 0, 0).

Πώς μετατρέπω RGB σε HEX;

Επιλέξτε RGB και εισαγάγετε rgb(255, 0, 0) ή τα πεδία R, G, B. Το HEX γίνεται #FF0000.

Ποια η διαφορά HSL και HSV;

Και τα δύο χρησιμοποιούν απόχρωση και κορεσμό, αλλά το τρίτο κανάλι του HSL είναι φωτεινότητα και του HSV τιμή (φωτεινότητα). Το πλήρως φωτεινό κόκκινο είναι 50% φωτεινότητα στο HSL και 100% τιμή στο HSV.

Το HSV είναι ίδιο με το HSB;

Ναι. Το B του HSB (brightness) είναι το V του HSV (value). Γίνονται δεκτά hsv() και hsb().

Μπορεί το RGB να μετατραπεί σε CMYK;

Ναι, ως εκτίμηση από RGB οθόνης. Δεν θα ταιριάζει με κάθε προφίλ εκτυπωτή.

Γιατί το τυπωμένο CMYK μπορεί να φαίνεται διαφορετικό;

Το χαρτί, το μελάνι και τα προφίλ ICC αλλάζουν το αποτέλεσμα. Η σελίδα δεν προσομοιώνει πιεστήριο.

Τι σημαίνει 8ψήφιο HEX;

Τα δύο τελευταία ψηφία είναι άλφα. Το #FF000080 είναι κόκκινο με περίπου 50% αδιαφάνεια.

Ποια αναλογία αντίθεσης χρειάζομαι;

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

Γίνεται η μετατροπή τοπικά;

Ναι. Εκτελείται στο πρόγραμμα περιήγησης. Δεν υπάρχει διακομιστής ούτε εξωτερικό API.

Πώς μετατρέπω HEX σε HSL;

Επικολλήστε HEX και διαβάστε το πεδίο HSL, ή ξεκινήστε από HSL και αντιγράψτε HEX. Η απόχρωση 360 ισούται με 0.