Chuyển OKLab sang OKLCH cho màu CSS trực tuyến
Công cụ chuyển đổi OKLab sang OKLCH biến màu OKLab thành OKLCH tức thì và giữ hai giá trị đồng bộ khi bạn chỉnh sửa một phía. Công cụ chấp nhận dữ liệu nhập màu linh hoạt như #abc, rgb(1 2 3 / 50%) và tên màu. Xem mẫu màu, sao chép dòng CSS dán dùng ngay, 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 OKLab sang OKLCH đổi màu từ OKLab thành OKLCH và hiển thị kết quả tức thì. Bạn có thể chỉnh sửa một phía, và giá trị còn lại cập nhật trực tiếp. Công cụ chấp nhận dữ liệu nhập màu linh hoạt, gồm #abc, rgb(1 2 3 / 50%) và tên màu, nên bạn có thể làm việc với các dạng màu CSS phổ biến cũng như giá trị OKLab.
Sau khi nhập màu, hãy xem lại mẫu màu và dòng CSS dán dùng ngay. Công cụ chuyển đổi cũng 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 giá trị mình cần. Không cần tên hay thiết lập tùy chọn cụ thể nào để dùng phép chuyển đổi cơ bản.
OKLab biểu diễn màu bằng độ sáng và hai thành phần màu, còn OKLCH dùng độ sáng, độ bão hòa màu (chroma) và sắc độ (hue). Cả hai đều mô tả màu, nhưng hệ tọa độ khác nhau khiến một cách biểu diễn có thể tiện hơn cho một quy trình cụ thể. Hãy chuyển OKLab sang OKLCH khi công cụ, ví dụ mã hoặc bàn giao cần OKLCH, hoặc dùng chỉnh sửa trực tiếp để so sánh hai giá trị. Mẫu màu và cảnh báo dải màu là các kiểm tra trực quan hữu ích trước khi bạn sao chép kết quả.
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ủ. Sau khi trang đã tải, công cụ chuyển đổi hoạt động ngoại tuyến nên bạn có thể tiếp tục dùng mà không cần kết nối. Công cụ miễn phí.
Công cụ chuyển đổi màu chạy trong trình duyệt này hữu ích cho nhà phát triển và kỹ sư DevOps chuẩn bị CSS, xem lại giá trị màu hoặc chuyển dữ liệu giữa các quy trình. Công cụ cũng giúp bất kỳ ai cần kiểm tra một phép chuyển đổi màu trước khi chia sẻ hoặc dùng kết quả.
Bước 1: Dán màu OKLab vào ô nhập. Bạn cũng có thể thử các dạng màu được hỗ trợ như #abc, rgb(1 2 3 / 50%) hoặc tên màu.
Bước 2: Chỉnh sửa giá trị OKLab hoặc OKLCH. Phía còn lại cập nhật trực tiếp, giúp dễ so sánh hai cách biểu diễn.
Bước 3: Điều chỉnh các tùy chọn có sẵn nếu cần. Công cụ chuyển đổi cũng hiển thị mẫu màu để bạn xem màu bằng mắt.
Bước 4: Kiểm tra kết quả xem có cảnh báo ngoài dải màu không — cảnh báo xuất hiện khi màu nằm ngoài sRGB.
Bước 5: Sao chép giá trị OKLCH hoặc dòng CSS dán dùng ngay cho mã nguồn, tài liệu hoặc ghi chú của bạn.
Trường hợp sử dụng: Chuyển dữ liệu OKLab sang hệ thống chấp nhận OKLCH. Chuyển đổi màu và sao chép kết quả để dùng trong công cụ hoặc quy trình tiếp theo.
Trường hợp sử dụng: Kiểm tra xem giá trị OKLCH bạn được cho có khớp với màu OKLab gốc không. Chỉnh sửa trực tiếp hai chiều giúp dễ so sánh các cách biểu diễn.
Trường hợp sử dụng: Chuẩn bị đoạn màu OKLab cho tài liệu, ticket hoặc commit message. Dòng CSS sao chép dùng ngay giúp bạn chia sẻ giá trị dùng đượ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 vào mã. Hãy xem lại mẫu màu và cảnh báo ngoài dải màu (nếu có) trước.
Trường hợp sử dụng: Xem một màu trong lúc điều chỉnh giá trị. Mẫu màu cho bạn tham chiếu trực quan khi chỉnh sửa một phía.
Trường hợp sử dụng: Chuyển màu viết dưới dạng giá trị hex, giá trị RGB hoặc tên màu thành OKLCH. Phân tích đầu vào linh hoạt hữu ích khi màu gốc không viết dưới dạng giá trị OKLab.