Μετατροπέας HEX σε RGBA
Μετατρέψτε έναν κωδικό HEX σε τιμή rgba() που μπορείτε να κάνετε ημιδιάφανη αλλάζοντας τον αριθμό άλφα.
Εισαγωγή hex
Αποτέλεσμα · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Τρόπος χρήσης: HEX σε RGBA
- 1
Εισαγάγετε ένα χρώμα
Πληκτρολογήστε έναν κωδικό χρώματος ή επιλέξτε χρώμα με τον επιλογέα — κάθε πεδίο δέχεται τη μορφή που εμφανίζει.
- 2
Δείτε τη μετατροπή
Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε, μαζί με ζωντανή προεπισκόπηση του χρώματος.
- 3
Αντιγράψτε τον κωδικό
Αντιγράψτε την τιμή που χρειάζεστε με ένα κλικ και επικολλήστε την στο σχέδιό σας, στο CSS ή στις ρυθμίσεις εκτύπωσης.
Σχετικά με τα HEX και RGBA
Το RGBA είναι RGB με ένα τέταρτο στοιχείο, το άλφα, που ορίζει την αδιαφάνεια από 0 (πλήρως διάφανο) έως 1 (πλήρως αδιαφανές). Ένας τυπικός εξαψήφιος κωδικός HEX, όπως το #6A5ACD, δεν περιέχει διαφάνεια, οπότε ο μετατροπέας τον επιστρέφει ως rgba(106, 90, 205, 1) — το ίδιο χρώμα με πλήρη αδιαφάνεια.
Για να το κάνετε διάφανο, αλλάξτε τον τελευταίο αριθμό: το rgba(106, 90, 205, 0.5) είναι μισοδιάφανο, ενώ το 0.15 δίνει έναν απαλό χρωματισμό. Αυτός είναι ο συνήθης τρόπος για επικαλύψεις σε φωτογραφίες, διακριτικές σκιές, επισημάνσεις hover και ημιδιάφανα φόντα χωρίς να ορίσετε ξεχωριστό, ανοιχτότερο χρώμα. Σε αντίθεση με την ιδιότητα opacity, το άλφα στο rgba() επηρεάζει μόνο το συγκεκριμένο χρώμα, οπότε το κείμενο μέσα σε ένα ημιδιάφανο πλαίσιο μένει καθαρό.
Η σύγχρονη CSS δέχεται επίσης οκταψήφιους κωδικούς HEX με άλφα, όπως #6A5ACD80, αλλά το rgba() είναι πιο εύκολο να διαβαστεί και να τροποποιηθεί και λειτουργεί και σε παλαιότερα προγράμματα περιήγησης και αλληλογραφίας.
Όλα εκτελούνται τοπικά στο πρόγραμμα περιήγησής σας — οι εικόνες σας δεν μεταφορτώνονται ποτέ σε διακομιστή.