Bộ chuyển đổi HSL sang HEX
Chuyển đổi HSL sang HEX 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ị HEX 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% = HEX #ff5733
Nguyên lý chuyển đổi
- Mã HEX thực chất là ba kênh màu RGB được viết dưới dạng hệ cơ số 16: hai ký tự cho mỗi kênh màu, chạy từ 00 (0) đến ff (255).
- 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à HEX
| Màu sắc | HSL | HEX |
|---|---|---|
| Đỏ | 0, 100%, 50% | #ff0000 |
| Cam | 39, 100%, 50% | #ffa500 |
| Vàng | 60, 100%, 50% | #ffff00 |
| Xanh lá | 120, 100%, 25% | #008000 |
| Xanh lục lam | 180, 100%, 50% | #00ffff |
| Xanh dương | 240, 100%, 50% | #0000ff |
| Tím | 300, 100%, 25% | #800080 |
| Hồng | 350, 100%, 88% | #ffc0cb |
| Nâu | 0, 59%, 41% | #a52a2a |
| Trắng | 0, 0%, 100% | #ffffff |
| Xám | 0, 0%, 50% | #808080 |
| Đen | 0, 0%, 0% | #000000 |
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 HEX?
Nhập hoặc dán giá trị HSL của bạn ở trên — giá trị HEX 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.