Về công cụ này
Chuyển đổi các giá trị màu HSL (Hue, Saturation, Lightness) thành mã thập lục phân. HSL là mô hình màu trực quan trong đó Hue là góc màu (0-360°), Saturation là cường độ màu (0-100%) và Lightness kiểm soát độ sáng hoặc tối của màu (0-100%). Hữu ích cho các nhà thiết kế làm việc trong HSL và cần mã hex cho CSS.
Câu hỏi thường gặp
- Tại sao nên sử dụng HSL thay vì hex hoặc RGB?
- HSL trực quan hơn đối với con người. Bạn muốn một màu tối hơn? Giảm độ sáng. Muốn có một phiên bản tắt tiếng? Giảm độ bão hòa. Những mối quan hệ này không rõ ràng ở dạng hex hoặc RGB khi bạn cần điều chỉnh cả ba kênh.
- Hue 0 so với 360 có nghĩa là gì?
- Cả 0° và 360° đều có màu đỏ - bánh xe màu sắc bao quanh. Các màu chính: 0° = đỏ, 60° = vàng, 120° = xanh lục, 180° = lục lam, 240° = xanh lam, 300° = đỏ tươi.
- Điều gì xảy ra ở độ bão hòa 0% và 100%?
- Ở mức bão hòa 0%, mọi màu sắc sẽ trở thành màu xám (chỉ được xác định bằng độ sáng). Ở độ bão hòa 100%, bạn sẽ có được phiên bản thuần khiết nhất, sống động nhất của màu sắc đó.
- Sự nhẹ nhàng hoạt động như thế nào?
- Độ sáng 0% luôn có màu đen bất kể màu sắc/độ bão hòa. 100% luôn trắng. 50% cho màu sắc thuần khiết, sống động nhất. Giá trị trong khoảng 0-50% là màu tối hơn, 50-100% là màu sáng hơn.