Tạo thang màu chuyển tiếp đồng nhất về mặt cảm quan giữa hai màu, hoặc pha trộn theo ngữ cảnh trừ.
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
Nội suy trong không gian OKLab: sắc độ đi theo đường dẫn đồng nhất về mặt thị giác — đỏ + xanh lam tạo ra màu tím thay vì xám nhão, không có vùng chết ở giữa.
Một dải màu đồng nhất về mặt nhận thức giữa hai màu bất kỳ - mật độ có thể điều chỉnh, gradient CSS chỉ bằng một cú nhấp.
Chọn màu cho A và B (bộ chọn màu hoặc nhập HEX trực tiếp); nút hoán đổi trao đổi các điểm cuối chỉ bằng một cú nhấp.
Chế độ nhận thức nội suy trong OKLab để ngay cả các cặp màu bổ sung cũng giữ nguyên chuyển đổi màu sắc; Chế độ RGB tái tạo cách phối trộn ngây thơ của hầu hết phần mềm - so sánh cả hai để xem sự khác biệt.
Kéo thanh trượt steps để điều chỉnh mật độ thang (3-15), sao chép gradient CSS đầy đủ, hoặc nhấp vào bất kỳ màu trung gian nào để mở hồ sơ của nó.
Ba câu hỏi thường gặp về thuật toán pha trộn.
Đưa thang vào studio gradient để thêm nhiều điểm dừng hơn, hoặc mở bánh xe màu để xây dựng sự hài hòa từ một màu đã pha trộn.
Gradient OKLCH đồng nhất về mặt nhận thức, không có dải xám, xuất CSS chỉ bằng một cú nhấp.
Kéo vòng để chọn màu cơ sở, nhận trực tiếp sáu lược đồ hài hòa, mở trong bảng màu hoặc xuất PNG.
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.