Bộ chuyển đổi HSL sang RGB
Chuyển đổi HSL sang RGB 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ị HSL để xem giá trị RGB 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
HSL 11, 100%, 60% = RGB 255, 87, 51
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ệ HSL và RGB
| Màu sắc | HSL | RGB |
|---|---|---|
| Đỏ | 0, 100%, 50% | 255, 0, 0 |
| Cam | 39, 100%, 50% | 255, 165, 0 |
| Vàng | 60, 100%, 50% | 255, 255, 0 |
| Xanh lá | 120, 100%, 25% | 0, 128, 0 |
| Xanh lục lam | 180, 100%, 50% | 0, 255, 255 |
| Xanh dương | 240, 100%, 50% | 0, 0, 255 |
| Tím | 300, 100%, 25% | 128, 0, 128 |
| Hồng | 350, 100%, 88% | 255, 192, 203 |
| Nâu | 0, 59%, 41% | 165, 42, 42 |
| Trắng | 0, 0%, 100% | 255, 255, 255 |
| Xám | 0, 0%, 50% | 128, 128, 128 |
| Đ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 HSL sang RGB?
Nhập hoặc dán giá trị HSL của bạn ở trên — giá trị RGB 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.