Chuyển đổi màu

OKLCH đáng để làm quen vì một lý do rất đơn giản: con số đầu tiên của nó là độ sáng đúng như mắt bạn cảm nhận. Hai màu có cùng L thực sự trông sáng ngang nhau, nên một bảng màu dựng bằng cách đổi sắc độ ở L cố định sẽ đều tăm tắp — trong khi làm y hệt với HSL thì có màu chói rực lên, có màu lại xỉn đi. Đó là lý do CSS thêm cách ghi này, và các hệ thống thiết kế đang lần lượt chuyển sang nó.

Điểm cần lưu ý là OKLCH có thể gọi tên những màu mà màn hình thông thường không hiển thị nổi. Khi bạn yêu cầu một màu như vậy, công cụ sẽ giảm độ rực — chroma — vừa đủ để màu lọt vào sRGB, và gắn nhãn gam màu lên kết quả để việc ánh xạ không bao giờ diễn ra âm thầm.

Thanh trượt trong từng không gian màu cho bạn tinh chỉnh một giá trị và nhìn mọi cách ghi thay đổi theo, còn trên Chromium máy tính có thêm ống hút màu lấy được bất kỳ điểm ảnh nào trên màn hình. Tất cả chạy ngay trong trang.

• Đọc hex (3, 4, 6 hoặc 8 ký tự), rgb(), hsl() và oklch(), cú pháp mới lẫn cũ
• Màu OKLCH nằm ngoài gam sRGB được ánh xạ theo chroma và gắn nhãn rõ ràng
• Thanh trượt cho từng không gian — RGB, HSL, OKLCH — kèm thanh trượt độ trong suốt
• Mỗi định dạng một nút sao chép, kết quả dán ngược lại vẫn ra đúng màu 8-bit
• Ống hút màu trên trình duyệt có hỗ trợ (Chrome và Edge trên máy tính)
• Độ trong suốt hiển thị trên nền ca-rô thay vì giả vờ là nền trắng
• Màu xám hiện "sắc độ —" thay vì một góc vô nghĩa