Intermediate

Μετατροπέας Χρώματος RGB σε HSL

Μετατρέψτε τιμές καναλιών κόκκινου, πράσινου και μπλε στο μοντέλο χρώματος HSL, δίνοντάς σας την απόχρωση σε μοίρες συν τον κορεσμό και τη φωτεινότητα ως ποσοστά.
Hue
9,1°

Saturation 100% · Lightness 63,9%

HSL
hsl(9, 100%, 64%)
RGB
rgb(255, 99, 71)
Saturation
100%
Lightness
63,9%
Hue position on the color wheel (degrees): Red–Yellow
Step by step
  1. 1

    Normalize RGB

    R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0,3882, 0,2784
  2. 2

    Lightness L

    (1 + 0,2784) ÷ 2 = 63,9%
  3. 3

    Chroma d

    1 − 0,2784 = 0,7216
  4. 4

    Saturation S

    0,7216 ÷ (1 − |2 × 0,6392 − 1|) = 100%
    Zero for grey; 1 for a fully saturated colour.
  5. 5

    Hue H

    60 × (((0,3882 − 0,2784) ÷ 0,7216) mod 6) = 9,1
    Red is the dominant channel.
Τα αποτελέσματα είναι εκτιμήσεις μόνο για γενική ενημέρωση και δεν αποτελούν επαγγελματική συμβουλή — επαληθεύετε πάντα τα σημαντικά αποτελέσματα ανεξάρτητα προτού βασιστείτε σε αυτά. Διαβάστε την πλήρη αποποίηση ευθύνης.
Γρήγορη απάντηση

Πώς λειτουργεί αυτή η αριθμομηχανή;

Διαιρέστε κάθε κανάλι RGB με το 255, και στη συνέχεια πάρτε το max και το min. Η φωτεινότητα είναι ο μέσος όρος τους, ο κορεσμός είναι η χρωματικότητα διαιρεμένη με (1 − |2L − 1|), και η απόχρωση προέρχεται από το κυρίαρχο κανάλι. Το αποτέλεσμα είναι HSL: απόχρωση σε μοίρες συν κορεσμός και φωτεινότητα ως ποσοστά.

Τύπος
L = (max + min) / 2 ; S = (max − min) / (1 − |2L − 1|) ; H από το κανάλι που έχει το μέγιστο
How this is calculated

Εισαγάγετε τα τρία κανάλια RGB (R, G, B), καθένα από 0 έως 255. Οι τιμές περιορίζονται σε αυτό το εύρος και διαιρούνται με το 255 ώστε κάθε κανάλι να γίνεται κλάσμα μεταξύ 0 και 1. Το μεγαλύτερο από τα τρία κλάσματα είναι το max και το μικρότερο είναι το min.

Η φωτεινότητα είναι το μέσο σημείο των άκρων, L = (max + min) / 2. Η χρωματικότητα d = max − min οδηγεί τον κορεσμό: S = d / (1 − |2L − 1|), που είναι 0 για οποιοδήποτε γκρι όπου το max ισούται με το min. Η απόχρωση βρίσκεται από όποιο κανάλι είναι το μέγιστο — το κόκκινο δίνει 60·(((g−b)/d) mod 6), το πράσινο δίνει 60·((b−r)/d + 2), και το μπλε δίνει 60·((r−g)/d + 4)· ένα αρνητικό αποτέλεσμα αναδιπλώνεται προσθέτοντας 360.

Οι έξοδοι είναι H σε μοίρες (0–360°), και S και L κλιμακωμένα σε ποσοστά (×100). Για καθαρά γκρι (R = G = B) η απόχρωση και ο κορεσμός είναι και τα δύο 0 και μόνο η φωτεινότητα μεταβάλλεται. Η μετατροπή είναι ακριβής και χωρίς απώλειες πέρα από τη στρογγυλοποίηση των ποσοστών που εμφανίζεται.

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

Όταν τα R, G και B είναι ταυτόσημα το χρώμα είναι μια απόχρωση του γκρι, οπότε η χρωματικότητα (max − min) είναι μηδέν. Χωρίς χρωματικό περιεχόμενο δεν υπάρχει απόχρωση ή κορεσμός, μόνο η φωτεινότητα αλλάζει από μαύρο σε λευκό.

Η απόχρωση αναφέρεται σε μοίρες από 0 έως 360°, ενώ ο κορεσμός και η φωτεινότητα είναι ποσοστά από 0% έως 100%. Αυτό ταιριάζει με τη σημειογραφία CSS hsl(), οπότε μπορείτε να επικολλήσετε τις τιμές απευθείας στα φύλλα στυλ.

Όχι. Η φωτεινότητα HSL είναι ο μέσος όρος του ανοιχτότερου και του σκουρότερου καναλιού, οπότε τα καθαρά χρώματα βρίσκονται στο 50% φωτεινότητας. Η τιμή HSV χρησιμοποιεί μόνο το μέγιστο κανάλι, οπότε τα δύο μοντέλα αναφέρουν διαφορετικούς αριθμούς για το ίδιο χρώμα.

Γνωστό και ως

rgb σε hsl
μετατροπέας hsl
μοντέλο χρώματος
απόχρωση κορεσμός φωτεινότητα
rgb hsl
μετατροπή χρώματος hsl
hue saturation lightness

APA

TG we-Calculate Editorial Team. (2026). Μετατροπέας Χρώματος RGB σε HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/el/calculator/rgb-to-hsl-converter

Chicago

TG we-Calculate Editorial Team. "Μετατροπέας Χρώματος RGB σε HSL." TG we-Calculate. 2026. https://we-calculate.com/el/calculator/rgb-to-hsl-converter.

IEEE

TG we-Calculate Editorial Team, "Μετατροπέας Χρώματος RGB σε HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/el/calculator/rgb-to-hsl-converter

BibTeX

@misc{wecalculate_rgb_to_hsl_converter, title = {Μετατροπέας Χρώματος RGB σε HSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/el/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }

Σας βοήθησε αυτή η αριθμομηχανή;