Bộ chuyển đổi RGB sang HSL
Chuyển đổi RGB sang HSL ngay khi bạn nhập — miễn phí, tức thì, đi kèm ví dụ minh họa và bảng màu phổ biến.
Nhập giá trị RGB để xem giá trị HSL tương ứng bên dưới, hoặc chọn một màu từ bảng màu.
Ví dụ minh họa
RGB 255, 87, 51 = HSL 11, 100%, 60%
Nguyên lý chuyển đổi
- HSL mô tả cùng một màu sắc bằng tông màu (hue, từ 0–360° trên vòng tròn màu), độ bão hòa (saturation) và độ sáng (lightness) — rất tiện lợi khi bạn muốn làm tối hoặc giảm độ bão hòa của màu bằng cách chỉ thay đổi một thành phần duy nhất.
Các màu phổ biến trong hệ RGB và HSL
| Màu sắc | RGB | HSL |
|---|---|---|
| Đỏ | 255, 0, 0 | 0, 100%, 50% |
| Cam | 255, 165, 0 | 39, 100%, 50% |
| Vàng | 255, 255, 0 | 60, 100%, 50% |
| Xanh lá | 0, 128, 0 | 120, 100%, 25% |
| Xanh lục lam | 0, 255, 255 | 180, 100%, 50% |
| Xanh dương | 0, 0, 255 | 240, 100%, 50% |
| Tím | 128, 0, 128 | 300, 100%, 25% |
| Hồng | 255, 192, 203 | 350, 100%, 88% |
| Nâu | 165, 42, 42 | 0, 59%, 41% |
| Trắng | 255, 255, 255 | 0, 0%, 100% |
| Xám | 128, 128, 128 | 0, 0%, 50% |
| Đen | 0, 0, 0 | 0, 0%, 0% |
Mọi quá trình chuyển đổi đều chạy trong trình duyệt của bạn. Không có thông tin nào bạn nhập được tải lên BroBroGo.
Câu hỏi thường gặp
Làm cách nào để chuyển đổi RGB sang HSL?
Nhập hoặc dán giá trị RGB của bạn ở trên — giá trị HSL sẽ cập nhật ngay lập tức. Bạn cũng có thể chọn màu trực quan bằng bảng chọn màu.
Việc chuyển đổi có chính xác tuyệt đối không?
Các giá trị được làm tròn thành số nguyên, định dạng mà các công cụ thiết kế và CSS yêu cầu. Sự khác biệt này là cực kỳ nhỏ, mắt thường hoàn toàn không thể nhận ra.