Online Tools Center
  • Αρχική
  • Εργαλεία
  • Μετατροπείς
Online Tools Center

Free online calculators for math, finance, fitness, and more.

Γρήγοροι Σύνδεσμοι

  • Math Calculators
  • Εργαλεία
  • Μετατροπείς
  • Σχετικά
  • Επικοινωνία

Νομικά

  • Πολιτική Απορρήτου
  • Όροι Χρήσης

© 2026 Online Tools Center. Όλα τα δικαιώματα διατηρούνται.

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

Εισάγετε ένα χρώμα σε οποιαδήποτε μορφή και λάβετε άμεσα όλες τις μετατροπές — RGB, Hex, HSL, HWB, CMYK και NCol.

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

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

Ο μετατροπέας χρωμάτων μεταφράζει χρώματα μεταξύ των διαφόρων συστημάτων κωδικοποίησης που χρησιμοποιούνται στον σχεδιασμό ιστού, την εκτύπωση και την ψηφιακή τέχνη. Οι Έλληνες σχεδιαστές εργάζονται με παλέτες που εκτείνονται από το βαθύ μπλε της ελληνικής σημαίας και το λευκό της Σαντορίνης, ώς το ασημί της ελιάς και το γαλαζοπράσινο του Αιγαίου.

Το εργαλείο υποστηρίζει έξι μορφές: RGB, Hex, HSL, HWB, CMYK και Natural Color (NCol). Επίσης εντοπίζει το πλησιέστερο όνομα CSS χρώματος όταν η αντιστοιχία είναι αρκετά ακριβής.

Μοντέλα χρωμάτων εν συντομία

RGB

Αθροιστικό μοντέλο για οθόνες. Κάθε κανάλι 0–255. Όλα στο μέγιστο δίνουν λευκό.

Hex

RGB σε δεκαεξαδική σημειογραφία, ευρέως χρησιμοποιούμενη σε CSS. Π.χ.: #0a5ea8 (μπλε ελληνικής σημαίας).

HSL

Περιγράφει χρώμα με γωνία απόχρωσης (0–360°), κορεσμό και φωτεινότητα. Εγγύτερα στην ανθρώπινη αντίληψη.

HWB

Εναλλακτικό μοντέλο έναντι HSL. Χρησιμοποιεί απόχρωση, λευκότητα και μαυρότητα. Εύκολη φωτεινοποίηση ή σκίαση.

CMYK

Αφαιρετικό μοντέλο για εκτύπωση: κυανό, ματζέντα, κίτρινο και μαύρο.

Natural Color (NCol)

W3C Natural Color: απόχρωση με γράμμα + ποσοστιαία μετατόπιση, λευκότητα και μαυρότητα.

Ελληνικά παραδείγματα χρωμάτων

Μπλε ελληνικής σημαίας (#0a5ea8)

Το κοβαλτένιο μπλε των οριζόντιων λωρίδων της ελληνικής σημαίας (RGB 10, 94, 168). HSL περίπου 211°, 89%, 35%. Συμβολίζει τη θάλασσα και τον ουρανό της Ελλάδας.

Σαντορίνη λευκό (#f5f0e8)

Το θερμό λευκό των ασβεστωμένων κτισμάτων της Σαντορίνης (RGB 245, 240, 232). HSL περίπου 40°, 41%, 93%). Ένα από τα πιο αναγνωρίσιμα χρώματα της Μεσογείου.

Ασημοπράσινο ελιάς (#8a9a70)

Το χαρακτηριστικό ασημοπράσινο των φύλλων ελιάς (RGB 138, 154, 112). HSL περίπου 82°, 16%, 52%). Η ελιά είναι σύμβολο ειρήνης και σοφίας από την αρχαιότητα.

Αιγαιοπελαγίτικο τιρκουάζ (#1a8a9a)

Το ιδιαίτερο τιρκουάζ-μπλε του ρηχού Αιγαίου (RGB 26, 138, 154). HSL περίπου 186°, 71%, 35%).

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

  1. 1

    Επιλέξτε τη μορφή εισόδου που αντιστοιχεί στον τύπο κωδικού χρώματός σας.

  2. 2

    Εισάγετε τις τιμές χρώματος. Τα αποτελέσματα ενημερώνονται αμέσως — δεν χρειάζεται κουμπί.

  3. 3

    Ο μετατροπέας κανονικοποιεί όλες τις εισόδους σε εσωτερική αναπαράσταση RGB ως καθολικό σημείο αναφοράς.

  4. 4

    Από αυτή την τριάδα RGB υπολογίζονται οι τιμές όλων των άλλων μορφών με τυπικούς μαθηματικούς τύπους.

  5. 5

    Η αναζήτηση με όνομα συγκρίνει με 148 χρώματα CSS και επιστρέφει το πλησιέστερο εντός ~30 μονάδων.

Συμβουλές και βέλτιστες πρακτικές

  • ✓

    Χρησιμοποιείτε Hex ή RGB σε στυλ CSS· προτιμήστε HSL για προγραμματικές ρυθμίσεις φωτεινότητας ή κορεσμού.

  • ✓

    Οι τιμές CMYK είναι προσεγγιστικές — πάντα συμβουλευτείτε τον εκτυπωτή πριν από εμπορική εκτύπωση.

  • ✓

    Το HWB είναι ιδανικό για τη δημιουργία οικογενειών χρωμάτων: διατηρήστε σταθερή την απόχρωση και αλλάξτε τη λευκότητα.

  • ✓

    Κατά την εισαγωγή κωδικών Hex το πρόθεμα '#' είναι προαιρετικό.

  • ✓

    Για τα επίσημα χρώματα ελληνικών φορέων (ΕΡΤ, ΕΛΤΑ, ΟΣΕ) πάντα ελέγχετε τις επίσημες οδηγίες branding.

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

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

Και τα δύο χρησιμοποιούν γωνία απόχρωσης, αλλά η δεύτερη και τρίτη παράμετρος διαφέρουν. Το HSL χρησιμοποιεί κορεσμό και φωτεινότητα· το HWB χρησιμοποιεί απευθείας λευκότητα και μαυρότητα. Το HWB είναι συχνά πιο διαισθητικό για φωτεινοποίηση (περισσότερο λευκό) ή σκίαση (περισσότερο μαύρο) χρώματος.

Γιατί το CMYK μοιάζει διαφορετικό στην οθόνη;▼

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

Τι είναι το Natural Color (NCol);▼

Πρόταση W3C που κωδικοποιεί την απόχρωση με γράμμα (R, Y, G, C, B, M) και ποσοστιαία μετατόπιση, ακολουθούμενα από λευκότητα και μαυρότητα. Π.χ. R0 0% 0% είναι καθαρό κόκκινο.

Μπορώ να μετατρέψω χρώμα CSS όπως 'coral';▼

Ναι. Πληκτρολογήστε το όνομα στο πεδίο 'Αναζήτηση με όνομα CSS' και ο μετατροπέας θα φορτώσει αυτόματα τις τιμές.

Πόσο ακριβή είναι τα αποτελέσματα μετατροπής;▼

Hex και RGB είναι χωρίς απώλειες (με στρογγυλοποίηση σε ακέραιους). HSL, HWB και NCol στρογγυλοποιούνται σε ένα δεκαδικό. CMYK είναι μόνο μαθηματική προσέγγιση.

Γιατί μερικές φορές δεν εμφανίζεται όνομα χρώματος;▼

Το εργαλείο περιλαμβάνει μόνο 148 τυπικά ονόματα CSS. Αν το εισαγόμενο χρώμα απέχει περισσότερο από ~30 μονάδες RGB από οποιοδήποτε ονομαστό χρώμα, δεν επιστρέφεται όνομα.

Η εμφάνιση χρωμάτων μπορεί να διαφέρει μεταξύ συσκευών λόγω βαθμονόμησης οθόνης και προφίλ χρωμάτων. Οι τιμές CMYK είναι μαθηματικές προσεγγίσεις.

Αξιολογήστε Αυτόν τον Υπολογιστή