Cách dùng Chuyển OKLCH sang HEX
- Dán màu của bạn, ví dụ
oklch(62.8% 0.2577 29.23). - Xem ghi chú về gamut bên dưới kết quả.
- Sao chép giá trị HEX để dùng làm phương án dự phòng hoặc đưa vào công cụ thiết kế.
Khi nào bạn cần chuyển OKLCH sang HEX?
Một số công cụ, ứng dụng email và trình duyệt cũ không đọc được OKLCH. Giá trị HEX là phương án dự phòng an toàn:
color: #e83a2e;
color: oklch(62.8% 0.2577 29.23);Trình duyệt sẽ dùng giá trị cuối cùng mà nó hiểu, nên các trình duyệt cũ vẫn dùng được mã HEX.
“Ngoài gamut” nghĩa là gì?
OKLCH có thể mô tả những màu rực rỡ mà HEX không lưu được. Khi đó, mã HEX là màu gần nhất có thể, nên trên màn hình gamut rộng, màu có thể trông hơi xỉn hơn.
Cũng được tìm dưới tên: oklch sang hex, công cụ chuyển oklch to hex, oklch sang rgb, chuyển đổi màu oklch, mã màu hex từ oklch.
Các công cụ dùng kèm tốt với Chuyển OKLCH sang HEX
- Chuyển đổi màu OKLCH — Khám phá không gian màu OKLCH đồng đều về mặt thị giác với thanh trượt trực tiếp, xem màu có nằm trong sRGB hay không, và sao chép các giá trị HEX, RGB, HSL dự phòng tương ứng.
- Chuyển HEX sang OKLCH — Dán mã màu HEX và nhận giá trị OKLCH dùng cho CSS.
- Chuyển đổi mã màu — Dán bất kỳ màu CSS nào — HEX, rgb(), hsl(), hwb(), oklch() hoặc tên màu như tomato — và nhận ngay mọi định dạng còn lại, kèm bảng màu 50–950 sẵn sàng dùng.
- Chuyển HEX sang RGBA — Dán mã HEX, kéo thanh độ mờ và sao chép đúng đoạn CSS bạn cần: rgba() truyền thống, rgb( / alpha) hiện đại hoặc HEX 8 số.
Câu hỏi thường gặp
Vì sao màu HEX của tôi trông khác?
Màu OKLCH có thể nằm ngoài sRGB, nên HEX hiển thị màu gần nhất mà nó có thể biểu diễn.
Tôi có dùng được OKLCH trong Figma không?
Khả năng hỗ trợ phụ thuộc vào phiên bản và plugin bạn dùng. HEX là cách an toàn nhất để đưa màu vào công cụ thiết kế.
Dữ liệu của tôi có được tải lên không?
Không. Mọi thứ đều chạy trên trình duyệt của bạn.
Tôi có thể cài Chuyển OKLCH sang HEX như một ứng dụng web và dùng khi không có mạng không?
Có. Chuyển OKLCH sang HEX là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.