Thả bất kỳ bảng màu 5 màu vào ba giao diện thực tế — bảng điều khiển, trang đích, ứng dụng di động — và xem nó như một sản phẩm thực tế. Vai trò được gán tự động: màu chính, màu nhấn, bề mặt và văn bản đều có vị trí của chúng.
Chỉnh sửa bảng màu (nhấp vào mẫu màu để thay thế)
Năm màu được đưa vào ba giao diện thực tế, với vai trò được gán tự động.
Nhấn "Visualize" trên bất kỳ bảng màu cộng đồng hoặc bảng màu để nhập vào, hoặc chỉnh sửa năm giá trị HEX bằng tay.
Công cụ gán màu chính, phụ, nhấn mạnh, bề mặt và văn bản dựa trên độ sáng và độ bão hòa - xem mỗi màu nằm ở đâu trong mọi mẫu thử.
Chuyển đổi giữa bảng điều khiển, trang đích và ứng dụng di động theo thời gian thực; nhấp vào bất kỳ mẫu màu nào để thay thế màu ngay lập tức.
Bốn câu hỏi mà người dùng thực sự hỏi về xem trước bảng màu.
Tiếp tục từ đây và đưa các màu vào sử dụng.
Nhấn Space để ngẫu nhiên hóa, khóa, kéo để sắp xếp lại, chia sẻ bằng URL — mọi chức năng mà một bảng màu cần.
Chuyển đổi bất kỳ màu nào thành thang màu 11 bước cho hệ thống thiết kế, đều về mặt nhận thức trong OKLCH, độ tương phản WCAG cho mỗi bước, xuất sang Tailwind/CSS/SCSS/JSON.
Xác thực độ tương phản WCAG 2.1 giữa bất kỳ màu tiền cảnh và màu nền nào.
Mô tả một cảnh hoặc tâm trạng trong một dòng — nhận bảng màu năm vai trò kèm lý giải.