Chuyển HSL sang HEX trực tuyến miễn phí
Chuyển màu HSL sang HEX tức thì, hoặc chỉnh sửa một trong hai giá trị và xem giá trị còn lại cập nhật trực tiếp. Công cụ còn chấp nhận các ví dụ như #abc, rgb(1 2 3 / 50%) và tên màu. Kiểm tra mẫu màu và dòng CSS dán dùng ngay, đồng thời chú ý cảnh báo ngoài dải màu khi màu nằm ngoài sRGB.
Công cụ chuyển đổi HSL sang HEX biến màu HSL thành giá trị màu thập lục phân trong trình duyệt của bạn. Bạn cũng có thể chỉnh trực tiếp giá trị HEX và thấy phía HSL cập nhật trực tiếp, giúp dễ so sánh hai cách biểu diễn. Mẫu màu và dòng CSS dán dùng ngay giúp bạn xem lại kết quả.
Khả năng phân tích màu rất linh hoạt: công cụ có thể phân tích các ví dụ như #abc, rgb(1 2 3 / 50%) và tên màu, bên cạnh dữ liệu nhập HSL. Khi màu nằm ngoài sRGB, công cụ hiển thị cảnh báo ngoài dải màu. Điều này giúp bạn nhận ra khi màu nằm ngoài không gian màu đó trong lúc kiểm tra phép chuyển đổi.
HSL mô tả màu qua sắc độ (hue), độ bão hòa và độ sáng, còn HEX biểu diễn giá trị màu bằng ký hiệu thập lục phân. Chuyển đổi giữa chúng hữu ích khi tài liệu thiết kế hoặc giá trị màu ở dạng HSL nhưng mã nguồn, tài liệu hay hệ thống bạn làm việc cần HEX. Chỉnh sửa trực tiếp hai chiều cũng giúp bạn kiểm tra xem hai giá trị có biểu diễn đúng màu mong đợi không.
Phép chuyển đổi chạy hoàn toàn trong trình duyệt của bạn: dữ liệu nhập được xử lý trên thiết bị và không bị tải lên, lưu trữ hay gửi tới máy chủ. Không cần đăng ký, và công cụ hoạt động ngoại tuyến sau khi trang đã tải. Công cụ hữu ích cho nhà phát triển, nhà thiết kế và kỹ sư DevOps cần xem, so sánh hoặc sao chép giá trị màu mà không gián đoạn công việc.
Bước 1: Nhập hoặc dán màu HSL để thấy giá trị HEX cập nhật tức thì.
Bước 2: Chỉnh sửa giá trị HSL hoặc HEX; phía còn lại cập nhật trực tiếp để bạn so sánh và tinh chỉnh cả hai định dạng.
Bước 3: Xem lại mẫu màu và dòng CSS dán dùng ngay. Kiểm tra cảnh báo ngoài dải màu nếu màu nằm ngoài sRGB.
Bước 4: Sao chép kết quả thập lục phân và dán vào mã nguồn, tài liệu, ticket hoặc commit message.
Trường hợp sử dụng: Chuyển dữ liệu màu HSL sang hệ thống chỉ chấp nhận giá trị thập lục phân.
Trường hợp sử dụng: Kiểm tra xem giá trị HEX có khớp với màu HSL bạn được cho không bằng cách chỉnh sửa một phía và so sánh kết quả trực tiếp.
Trường hợp sử dụng: Chuẩn bị màu HSL cùng giá trị HEX tương đương cho tài liệu, ticket hoặc commit message.
Trường hợp sử dụng: Kiểm tra nhanh một phép chuyển đổi màu trước khi dán giá trị HEX vào mã.
Trường hợp sử dụng: Xem trước màu bằng mẫu màu khi làm việc với các giá trị HSL và HEX.
Trường hợp sử dụng: Kiểm tra xem màu có nằm ngoài sRGB không trước khi dùng kết quả HEX hiển thị.