Tạo gradient

Tất cả công cụ
Tạo gradient
Xây dựng CSS gradient tuyến tính, hướng tâm và hình nón từ đầu với điều khiển đa điểm dừng có thể kéo và các preset được tuyển chọn. Sao chép CSS sẵn dán ngay lập tức.
Xem trước trực tiếp
Preset
Loại gradient
Góc
°
Điểm dừng màu
Kéo tay cầm để di chuyển điểm dừng, hoặc nhấp vào thanh để thêm. Chọn điểm dừng để chỉnh màu.
Điểm dừng đã chọn
%
CSS
background: —;

Mọi thứ được tính toán trực tiếp trong trình duyệt — không đăng ký, hoàn toàn miễn phí.

Chia sẻ
Công cụ liên quan
Tạo gradient từ ảnh

Trích xuất gradient đẹp từ bất kỳ ảnh nào — thả ảnh vào, chọn tâm trạng, và các màu chủ đạo trở thành các điểm dừng gradient có thể kéo. Sao chép CSS sẵn dán ngay lập tức.
Tạo bảng màu

Xây dựng bảng màu hài hòa từ vòng màu tương tác — áp dụng quy tắc hài hòa như analogous, complementary hoặc triad, rồi sao chép bất kỳ giá trị nào ngay lập tức.
Trộn màu

Pha trộn màu bắt đầu sang màu kết thúc qua tối đa 10 bước — xem trước gradient, lấy mọi sắc thái và sao chép bất kỳ định dạng nào ngay lập tức.
Tìm kiếm phổ biến
tạo chuyển sắc tạo chuyển sắc css tạo chuyển sắc tuyến tính tạo chuyển sắc tỏa tròn chuyển sắc conic css tạo chuyển sắc miễn phí

Thêm công cụ miễn phí này vào trang web của riêng bạn — sao chép và dán mã bên dưới.