Bộ chọn màu

Bộ chọn màu hoạt động trong OKLCH, không gian màu theo cảm nhận của CSS hiện đại. Theo chiều ngang của vùng màu, độ bão hòa (chroma) tăng từ xám đến mức cao nhất mà màn hình hiển thị được ở độ sáng đó, nên mọi điểm đều là màu dùng được, và nút kéo vẫn đứng yên khi sắc độ thay đổi.

Ô nhập nhận mọi màu CSS, kể cả tên màu, và nút định dạng ghi giá trị ở dạng hex, rgb(), hsl(), oklch() hoặc color(display-p3). Màu nằm ngoài gam màu của một định dạng sẽ được đưa vào gam đó theo cách của CSS, giữ nguyên độ sáng và sắc độ.

Thêm swatches để có sẵn các mẫu màu cho người dùng chọn, và contrastWith để kiểm tra độ tương phản của màu trên một nền theo cách đo của WCAG 2. Ở trình duyệt có công cụ hút màu, một nút sẽ lấy màu ngay từ màn hình.