Μετατροπέας HEX ↔ RGB ↔ HSL

Μετατρέψτε τα χρώματα μεταξύ HEX, RGB και HSL αμέσως με ένα ζωντανό δείγμα. Επεξεργαστείτε οποιοδήποτε πεδίο — τα άλλα παραμένουν συγχρονισμένα.

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

Μετατρέψτε τα χρώματα μεταξύ HEX, RGB και HSL αμέσως με ένα ζωντανό δείγμα.
Εκτελείται στο πρόγραμμα περιήγησής σας
Δωρεάν για χρήση

Πώς να χρησιμοποιήσεις

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

How this tool works

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

Recommended settings

Χρησιμοποιήστε πρώτα τις προεπιλεγμένες επιλογές και μετά προσαρμόστε εάν χρειάζεται

Supported formats

Text / on-page input

File size and limits

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

Privacy

Οι γεννήτριες χρωμάτων και CSS εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας. Οι προεπισκοπήσεις και οι μετατροπές δεν ανεβάζουν ποτέ τα στυλ σας.

Common use cases

Χρησιμοποιήστε τον μετατροπέα HEX ↔ RGB ↔ HSL όποτε χρειάζεστε: Μετατρέψτε τα χρώματα μεταξύ HEX, RGB και HSL αμέσως με ένα ζωντανό δείγμα.

Troubleshooting

Η προεπισκόπηση φαίνεται διαφορετική μετά την επικόλληση

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

FAQ

Αυτό ανεβάζει το CSS μου;

Όχι. Οι γεννήτριες και οι μετατροπείς εκτελούνται στο πρόγραμμα περιήγησής σας με ζωντανή προεπισκόπηση.

Χρειάζομαι λογαριασμό;

Όχι. Ανοίξτε το εργαλείο, τροποποιήστε τα στοιχεία ελέγχου και αντιγράψτε το CSS.