Chuyển đổi HSL sang RGB
Chuyển đổi giá trị màu HSL sang RGB ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi HSL sang RGB trực tuyến miễn phí.
Cách chuyển đổi HSL sang RGB?
HSL (Hue, Saturation, Lightness - Sắc độ, Độ bão hòa, Độ sáng) là mô hình màu trực quan đại diện cho màu sắc theo cách gần với cách con người cảm nhận chúng. Sắc độ đại diện cho loại màu (0-360°), Độ bão hòa đại diện cho cường độ màu (0-100%), và Độ sáng đại diện cho màu sáng hay tối như thế nào (0-100%).
Việc chuyển đổi từ HSL sang RGB bao gồm việc tính toán các giá trị trung gian và ánh xạ chúng vào tọa độ RGB. Công cụ này thực hiện chuyển đổi tự động, hiển thị cho bạn các giá trị RGB và mã hex kết quả.
Mô hình màu HSL là gì?
HSL là viết tắt của Hue (Sắc độ), Saturation (Độ bão hòa), và Lightness (Độ sáng). Đây là mô hình màu hình trụ đại diện cho màu sắc theo cách trực quan hơn RGB. Sắc độ (0-360°) đại diện cho loại màu trên bánh xe màu, Độ bão hòa (0-100%) đại diện cho cường độ màu, và Độ sáng (0-100%) đại diện cho màu sáng hay tối. Ở độ sáng 0%, mọi màu đều trở thành đen; ở 100%, mọi màu đều trở thành trắng.
Tại sao sử dụng HSL thay vì RGB?
HSL trực quan hơn cho việc chọn và điều chỉnh màu sắc. Dễ dàng tạo các biến thể màu, sắc thái và tông màu bằng cách điều chỉnh các giá trị độ bão hòa và độ sáng. Nhiều nhà thiết kế ưa thích HSL để tạo bảng màu vì nó phù hợp hơn với cách con người cảm nhận và mô tả màu sắc. Tuy nhiên, RGB vẫn cần thiết cho hiển thị và triển khai web.
Sắc độ hoạt động như thế nào trong HSL?
Sắc độ được biểu diễn dưới dạng độ trên bánh xe màu từ 0 đến 360. Màu đỏ ở 0° (và 360°), xanh lá ở 120°, và xanh dương ở 240°. Các màu giữa những màu chính này tạo ra một gradient mượt mà xung quanh bánh xe. Bằng cách điều chỉnh giá trị sắc độ, bạn có thể chuyển một màu sang bất kỳ màu nào khác trong phổ màu trong khi vẫn duy trì độ bão hòa và độ sáng của nó.
Sự khác biệt giữa HSL và HSV là gì?
Cả HSL (Sắc độ, Độ bão hòa, Độ sáng) và HSV (Sắc độ, Độ bão hòa, Giá trị) đều là mô hình màu hình trụ, nhưng chúng khác nhau trong cách biểu diễn độ sáng. Độ sáng của HSL đi từ đen (0%) qua màu thuần (50%) đến trắng (100%), trong khi giá trị của HSV đi từ đen (0%) đến phiên bản sáng nhất của màu (100%). HSL thường được ưa thích hơn cho việc điều chỉnh màu vì nó đối xứng hơn.
Bảng chuyển đổi HSL sang RGB phổ biến
Xem trước | Màu | HSL | RGB | Hex |
---|---|---|---|---|
Đen | (0°, 0%, 0%) | (0, 0, 0) | #000000 | |
Trắng | (0°, 0%, 100%) | (255, 255, 255) | #FFFFFF | |
Đỏ | (0°, 100%, 50%) | (255, 0, 0) | #FF0000 | |
Xanh lá chanh | (120°, 100%, 50%) | (0, 255, 0) | #00FF00 | |
Xanh dương | (240°, 100%, 50%) | (0, 0, 255) | #0000FF | |
Vàng | (60°, 100%, 50%) | (255, 255, 0) | #FFFF00 | |
Xanh lơ | (180°, 100%, 50%) | (0, 255, 255) | #00FFFF | |
Đỏ tươi | (300°, 100%, 50%) | (255, 0, 255) | #FF00FF | |
Bạc | (0°, 0%, 75%) | (191, 191, 191) | #BFBFBF | |
Xám | (0°, 0%, 50%) | (128, 128, 128) | #808080 |