Chuyển tới nội dung chính

Tạo dải chuyển sắc

Thiết kế dải chuyển sắc tuyến tính, toả tròn, hình nón, bốn góc và tự do, pha màu trong OKLab, sao chép CSS hoặc xuất PNG tới 8192 px.

Dải màu

Kiểu
90°
Pha màu trong
0%

Các điểm màu

0%
100%
CSS
background: linear-gradient(90deg,
  #3b82f6 0%,
  #8b5cf6 100%);

Chạy ngay trên trình duyệt; những gì bạn nhập không rời khỏi trang này.

Cách hoạt động

Năm kiểu

Tuyến tính, toả tròn và hình nón dùng các điểm màu, mỗi điểm có một màu và vị trí từ 0 đến 100%. Bốn góc pha bốn màu theo nội suy hai chiều trên cả ảnh, còn tự do pha bốn hoặc chín điểm kéo được theo khoảng cách.

Chọn nơi màu pha với nhau: sRGB là cách CSS mặc định, OKLab giữ độ sáng đều ở khúc giữa, còn OKLCH đi vòng theo vòng sắc độ. Mã CSS tự thêm phương thức “in oklab” hoặc “in oklch” tương ứng.

Làm mượt, hạt nhiễu và xuất ảnh

Bước pha sắc tố thêm ba bước OKLab giữa mỗi cặp điểm màu, giúp các màu ở giữa bớt đục. Hạt nhiễu thêm nhiễu cố định để che hiện tượng vệt băng trên vùng phẳng rộng.

Chọn kích thước có sẵn hoặc gõ chiều rộng và cao từ 100 đến 8192 px rồi tải PNG. Ô CSS là bản sao của phần xem trước; bốn góc và tự do không thể chính xác trong CSS, nên hãy xuất ảnh cho hai kiểu đó.