Công cụ Chuyển đổi Màu RGB sang HSL
Chuyển đổi giá trị màu RGB sang HSL (hue, saturation, lightness) ngay lập tức. Miễn phí, không cần đăng ký.
Công cụ này có trả lời được câu hỏi của bạn không?
Cảm ơn bạn — điều này giúp chúng tôi cải thiện công cụ.
Cách dùng công cụ này
- Nhập giá trị đỏ, xanh lá và xanh dương (mỗi giá trị 0–255).
- Công cụ tính sắc độ (0–360°), độ bão hòa (0–100%) và độ sáng (0–100%).
- Dùng kết quả hsl() trực tiếp trong CSS.
Chuyển đổi giá trị màu RGB sang hệ màu HSL (Hue, Saturation, Lightness) dùng trong CSS và các công cụ thiết kế.
Công thức
Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.
Then: L = (max + min) / 2
If max ≠ min, delta d = max − min, then:S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)
Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360
Câu hỏi thường gặp
- HSL là gì?
- HSL là viết tắt của Hue, Saturation, Lightness (Sắc độ, Độ bão hòa, Độ sáng). Nó biểu diễn màu sắc theo mô hình hình trụ, trực quan hơn RGB khi điều chỉnh độ sáng và độ bão hòa.
- Sắc độ (hue) dùng khoảng giá trị nào?
- Sắc độ được đo bằng độ từ 0 đến 360, trong đó 0/360 là đỏ, 120 là xanh lá và 240 là xanh dương.