fixmint
EL

Μετατροπέας χρωμάτων

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

  • Λειτουργεί στη συσκευή σας
  • Χωρίς εγγραφή
  • Λειτουργεί εκτός σύνδεσης μετά από μία επίσκεψη
—

Δέχεται #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() ή όνομα χρώματος CSS, όπως rebeccapurple.

HEX—
RGB—
HSL—
HSV—
CMYK (κατά προσέγγιση)—
Αποχρώσεις και σκιάσεις, πατήστε για αντιγραφή
Σε λευκό — προς 1
  • —
  • —
  • —
  • —
Σε μαύρο — προς 1
  • —
  • —
  • —
  • —
Στο φόντο σας — προς 1
  • —
  • —
  • —
  • —

Κάθε λόγος είναι WCAG 2.x. Το μεγάλο κείμενο είναι 24px ή μεγαλύτερο, ή 18,66px και έντονο. Οι βαθμοί επιτυχίας ελέγχονται με τον ακριβή λόγο, και ένα ημιδιαφανές χρώμα αναμειγνύεται πρώτα με κάθε φόντο.

Πώς να μετατρέψετε κωδικό χρώματος

  1. Πληκτρολογήστε HEX, rgb(), hsl() ή όνομα χρώματος, ή επιλέξτε ένα από το δείγμα.
  2. Αντιγράψτε τη μορφή που χρειάζεστε από τα πέντε αποτελέσματα.
  3. Διαβάστε τον λόγο αντίθεσης και τα σήματα AA ή AAA σε λευκό, σε μαύρο και σε φόντο της επιλογής σας.

Ερωτήσεις

Γιατί η τιμή CMYK είναι μόνο κατά προσέγγιση;

Το CMYK εξαρτάται από το μελάνι, το χαρτί και το προφίλ χρώματος του εκτυπωτή. Αυτός ο μετατροπέας χρησιμοποιεί τον απλό αριθμητικό τύπο, που αγνοεί και τα τρία, οπότε ένα εκτυπωμένο χρώμα θα διαφέρει από την οθόνη. Ζητήστε δοκιμαστική εκτύπωση από τον εκτυπωτή πριν από μεγάλη παραγωγή.

Πώς υπολογίζεται ο λόγος αντίθεσης;

Το WCAG 2.x παίρνει τη σχετική φωτεινότητα κάθε χρώματος, από τις τιμές κόκκινου, πράσινου και μπλε μετά τη διόρθωση γάμμα. Ο λόγος είναι η φωτεινότερη φωτεινότητα συν 0,05, διαιρεμένη με τη σκουρότερη φωτεινότητα συν 0,05. Μαύρο σε λευκό δίνει 21:1, το μέγιστο δυνατό.

Ποια όρια χρησιμοποιεί ο έλεγχος;

Το WCAG 2.x ζητά τουλάχιστον 4,5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο στο επίπεδο AA, και 7:1 και 4,5:1 στο επίπεδο AAA. Μεγάλο κείμενο είναι 24px ή περισσότερο, ή 18,66px και έντονο.

Ποιες μορφές χρωμάτων δέχεται το πεδίο;

Κωδικούς hex με τρία, έξι ή οκτώ ψηφία, rgb() και rgba(), hsl() και hsla(), και ονόματα χρωμάτων CSS, όπως rebeccapurple. Ο browser διαβάζει την τιμή, οπότε λειτουργεί οτιδήποτε αναγνωρίζει ως χρώμα CSS.

Κριτικές

    Δεν υπάρχουν κριτικές ακόμη. Γίνετε οι πρώτοι.

    Η βαθμολογία σας

    Το email σας δεν εμφανίζεται ούτε αποθηκεύεται ποτέ.

    Διαβάστε περισσότερα