Επιλογέας και μετατροπέας χρώματος

Επιλέξτε χρώμα και μετατρέψτε άμεσα μεταξύ HEX, RGB και HSL. Δωρεάν, αποκλειστικά στον browser σας.

Μαύρο κείμενο στο χρώμα σας
Λευκό κείμενο στο χρώμα σας

Πώς να χρησιμοποιήσετε τον επιλογέα και μετατροπέα χρώματος

  1. Click the large color preview swatch to open your browser's native color picker.
  2. Εναλλακτικά, πληκτρολογήστε τιμή HEX απευθείας στο πεδίο HEX (π.χ. #ff5733).
  3. Ρυθμίστε τιμές R, G, B (0–255) ή H, S, L για λεπτή ρύθμιση.
  4. Όλες οι μορφές ενημερώνονται σε πραγματικό χρόνο καθώς αλλάζετε τιμές.
  5. Χρησιμοποιήστε τα κουμπιά Αντιγραφή για αντιγραφή τιμής χρώματος στο πρόχειρο.
  6. Ελέγξτε την προεπισκόπηση αντίθεσης για να δείτε πώς φαίνεται το λευκό και μαύρο κείμενο.

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

Τι είναι η μορφή χρώματος HEX;

Το HEX είναι εξαψήφια δεκαεξαδική αναπαράσταση χρώματος με πρόθεμα # (π.χ. #ff5733 = R=255, G=87, B=51). Είναι η πιο κοινή μορφή στο web design.

Ποια είναι η διαφορά μεταξύ RGB και HSL;

Το RGB ορίζει χρώμα μέσω ερυθρού, πράσινου και μπλε (0–255 το καθένα). Το HSL ορίζει χρώμα μέσω Απόχρωσης, Κορεσμού και Φωτεινότητας. Το HSL είναι πιο διαισθητικό για σχεδιαστές.

Γιατί είναι σημαντικός ο έλεγχος αντίθεσης;

Η επαρκής αντίθεση μεταξύ κειμένου και φόντου είναι απαραίτητη για αναγνωσιμότητα. Οι οδηγίες WCAG συνιστούν ελάχιστο λόγο αντίθεσης 4,5:1 για κανονικό κείμενο.

Αποθηκεύονται τα δεδομένα μου κάπου;

Όχι. Όλες οι μετατροπές χρωμάτων γίνονται αποκλειστικά στον browser σας. Δεν αποστέλλονται δεδομένα σε server.