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