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