HSL sang RGB – chỉnh sửa trực tiếp và xem trước
Công cụ chuyển đổi HSL sang RGB biến một màu HSL thành RGB và giữ hai phía đồng bộ khi bạn chỉnh sửa. Công cụ chấp nhận đầu vào màu linh hoạt, bao gồm #abc, rgb(1 2 3 / 50%) và tên màu, sau đó hiển thị mẫu màu cùng dòng CSS dùng ngay được. Nếu màu nằm ngoài sRGB, công cụ hiển thị cảnh báo ngoài dải màu để bạn phát hiện trước khi dùng kết quả.
Công cụ chuyển đổi HSL sang RGB biến một màu biểu diễn theo HSL thành RGB và cập nhật cả hai phía khi bạn chỉnh sửa. HSL mô tả màu bằng sắc độ (hue), độ bão hòa (saturation) và độ sáng (lightness), trong khi RGB biểu diễn màu bằng các giá trị đỏ, xanh lá và xanh dương. Mẫu màu cho bạn tham chiếu trực quan, và công cụ cung cấp dòng CSS sẵn sàng dán.
Bộ phân tích rất linh hoạt, chấp nhận các ví dụ như #abc, rgb(1 2 3 / 50%) và tên màu. Sau khi bạn nhập một màu, giá trị tương ứng xuất hiện ở định dạng còn lại; bạn cũng có thể chỉnh sửa một trong hai phía để cập nhật hai chiều trực tiếp. Công cụ gắn cờ màu nằm ngoài sRGB bằng cảnh báo ngoài dải màu. Có thể điều chỉnh các tùy chọn có sẵn, dù không nêu tên tùy chọn cụ thể ở đây.
HSL và RGB là hai cách biểu diễn màu sắc, nên việc chuyển đổi giữa chúng hữu ích khi mã nguồn, tài liệu hoặc hệ thống khác yêu cầu một dạng biểu diễn thay vì dạng còn lại. Mẫu màu giúp bạn kiểm tra màu bằng mắt, còn dòng CSS giúp tái sử dụng kết quả dễ hơn. Các ví dụ được bộ phân tích hỗ trợ cũng hữu ích khi giá trị bạn có không được viết dưới dạng HSL thuần.
Quá trình chuyển đổi chạy hoàn toàn trong trình duyệt của bạn: không có dữ liệu nào bị gửi tới máy chủ và không cần đăng ký. Công cụ hoạt động ngoại tuyến sau khi trang đã tải, nên bạn có thể tiếp tục chuyển đổi mà không cần kết nối. Công cụ hữu ích cho lập trình viên và kỹ sư DevOps cần kiểm tra, xác minh hoặc tái sử dụng giá trị màu trong mã nguồn, tài liệu, ticket và bàn giao.
Bước 1: Nhập hoặc dán một màu HSL để xem giá trị RGB tương ứng. Bộ phân tích cũng chấp nhận các ví dụ như #abc, rgb(1 2 3 / 50%) và tên màu.
Bước 2: Xem lại các tùy chọn có sẵn và điều chỉnh những tùy chọn liên quan đến phép chuyển đổi của bạn.
Bước 3: Chỉnh sửa giá trị HSL hoặc RGB để cập nhật phía còn lại trực tiếp, sau đó kiểm tra mẫu màu và mọi cảnh báo ngoài dải màu.
Bước 4: Sao chép kết quả RGB hoặc dòng CSS sẵn sàng dán để dùng trong mã nguồn hoặc tài liệu của bạn.
Trường hợp sử dụng: Đưa dữ liệu HSL vào hệ thống chỉ chấp nhận RGB, rồi sao chép giá trị đã chuyển đổi vào trường liên quan.
Trường hợp sử dụng: Kiểm tra xem giá trị RGB bạn được cung cấp có tương ứng với một màu HSL không bằng cách chỉnh sửa một trong hai phía và so sánh kết quả trực tiếp.
Trường hợp sử dụng: Chuẩn bị các đoạn màu HSL và RGB cho tài liệu, ticket hoặc thông điệp commit, kèm mẫu màu giúp nhận diện màu sắc.
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 kết quả vào mã, và chú ý cảnh báo ngoài dải màu.
Trường hợp sử dụng: Xem lại các giá trị màu được chia sẻ ở nhiều định dạng được hỗ trợ, chẳng hạn giá trị hex rút gọn hoặc tên màu, mà không cần tự dịch ký hiệu.
Trường hợp sử dụng: Tạo dòng CSS dùng ngay được khi dự án hoặc bàn giao cần màu đã chuyển đổi ở dạng CSS.