HEX sang OKLab – Chuyển màu trực tiếp trực tuyến
Công cụ chuyển đổi HEX sang OKLab biến màu thập lục phân thành OKLab và giữ hai phía đồng bộ khi bạn chỉnh sửa. Nó cũng chấp nhận đầu vào màu phổ biến như #abc, rgb(1 2 3 / 50%) và tên màu. Xem mẫu màu, sao chép dòng CSS sẵn sàng dán và kiểm tra cảnh báo ngoài dải màu khi màu nằm ngoài sRGB.
Công cụ chuyển đổi HEX sang OKLab biến màu thập lục phân thành giá trị OKLab, với tính năng chỉnh sửa trực tiếp hai chiều để bạn làm việc từ một trong hai phía. Nó cũng hiển thị mẫu màu và dòng CSS sẵn sàng dán. Bộ phân tích chấp nhận đầu vào màu phổ biến, gồm #abc, rgb(1 2 3 / 50%) và tên màu, nên tiện khi bạn cần kiểm tra giá trị ở nhiều ký hiệu khác nhau.
Nhập màu để thấy giá trị tương ứng cập nhật ngay khi bạn gõ. Chỉnh sửa phía HEX hoặc OKLab sẽ cập nhật phía còn lại, nên bạn xem màu mà không cần sao chép giá trị qua lại giữa các định dạng. Công cụ cũng cảnh báo khi màu nằm ngoài sRGB; hãy dùng mẫu màu và cảnh báo để xem lại kết quả.
HEX biểu diễn màu bằng ký hiệu thập lục phân, còn OKLab là biểu diễn màu khác có thể dùng trong CSS. Chuyển đổi giữa chúng hữu ích khi hệ thống hoặc đoạn mã cần OKLab, hoặc khi bạn muốn so sánh giá trị OKLab với bản gốc thập lục phân. Dòng CSS sao chép được giúp đưa kết quả vào mã nguồn hoặc tài liệu dễ hơn.
Công cụ chuyển đổi miễn phí này chạy trong trình duyệt của bạn. Đầu vào được xử lý trên thiết bị; không dữ liệu nào bị tải lên, lưu trữ hay gửi đến máy chủ, và không cần đăng ký. Sau khi trang đã tải xong, nó hoạt động ngoại tuyến vì quá trình chuyển đổi không phụ thuộc máy chủ.
Công cụ hữu ích cho lập trình viên và kỹ sư DevOps kiểm tra giá trị màu, chuẩn bị đoạn mã hoặc xem lại phép chuyển đổi trước khi chia sẻ. Nó cũng giúp bất kỳ ai cần di chuyển giữa HEX và OKLab mà vẫn thấy màu gốc để so sánh.
Bước 1: Nhập màu thập lục phân hoặc giá trị màu được hỗ trợ khác, ví dụ #abc, rgb(1 2 3 / 50%) hoặc tên màu.
Bước 2: Xem lại kết quả OKLab, cập nhật ngay khi bạn gõ. Bạn cũng có thể chỉnh sửa giá trị OKLab và thấy phía HEX cập nhật trực tiếp.
Bước 3: Kiểm tra mẫu màu và tìm 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 dòng CSS sẵn sàng dán để dùng trong mã nguồn hoặc tài liệu.
Trường hợp sử dụng: Chuyển màu thập lục phân cho hệ thống hoặc quy trình chấp nhận giá trị OKLab.
Trường hợp sử dụng: Kiểm tra xem giá trị OKLab có khớp với bản gốc thập lục phân 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 thập lục phân và giá trị OKLab 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 kết quả vào mã nguồn.
Trường hợp sử dụng: Xem lại mẫu màu và biểu diễn CSS của nó khi làm việc với stylesheet.
Trường hợp sử dụng: Phát hiện khi màu nằm ngoài sRGB bằng cách kiểm tra cảnh báo ngoài dải màu của công cụ.