Μετατροπέας RGB σε HSB
Πάρτε τιμές απόχρωσης, κορεσμού και φωτεινότητας από ένα χρώμα RGB για να τις εισαγάγετε σε Photoshop, Figma ή Sketch.
Εισαγωγή rgb
Αποτέλεσμα · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Τρόπος χρήσης: RGB σε HSB
- 1
Εισαγάγετε ένα χρώμα
Πληκτρολογήστε έναν κωδικό χρώματος ή επιλέξτε χρώμα με τον επιλογέα — κάθε πεδίο δέχεται τη μορφή που εμφανίζει.
- 2
Δείτε τη μετατροπή
Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε, μαζί με ζωντανή προεπισκόπηση του χρώματος.
- 3
Αντιγράψτε τον κωδικό
Αντιγράψτε την τιμή που χρειάζεστε με ένα κλικ και επικολλήστε την στο σχέδιό σας, στο CSS ή στις ρυθμίσεις εκτύπωσης.
Τι σημαίνει HSB
Το HSB σημαίνει hue, saturation, brightness — απόχρωση, κορεσμός και φωτεινότητα. Είναι το ίδιο μοντέλο με το HSV — διαφέρει μόνο το όνομα του τρίτου στοιχείου — και είναι η ονομασία που χρησιμοποιούν τα Adobe Photoshop, Illustrator, Figma και Sketch στους επιλογείς χρώματός τους. Η απόχρωση δίνεται σε μοίρες από 0 έως 360, ενώ ο κορεσμός και η φωτεινότητα σε ποσοστό.
Μετατρέψτε RGB σε HSB όταν έχετε τιμές καναλιών από ένα στιγμιότυπο οθόνης, μια ιστοσελίδα ή μια προδιαγραφή και θέλετε να πληκτρολογήσετε το χρώμα σε μια εφαρμογή σχεδίασης που δουλεύει με HSB ή όταν θέλετε να κατανοήσετε καλύτερα ένα χρώμα: χαμηλός κορεσμός σημαίνει γκριζωπό τόνο, χαμηλή φωτεινότητα σκούρο τόνο. Για παράδειγμα, το rgb(255, 61, 114) γίνεται hsb(344, 76%, 100%). Το εργαλείο δείχνει επίσης HEX, HSL, HSV και CMYK για το ίδιο χρώμα, το καθένα με κουμπί αντιγραφής.
Όλα εκτελούνται τοπικά στο πρόγραμμα περιήγησής σας — οι εικόνες σας δεν μεταφορτώνονται ποτέ σε διακομιστή.