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.
Kéo & thả ảnh vào đây
hoặc nhấp để duyệt — bạn cũng có thể dán từ clipboard
Mọi thứ chạy trong trình duyệt — ảnh của bạn không bao giờ được tải lên, không đăng ký, hoàn toàn miễn phí.
background: —;
Giới thiệu về Tạo gradient từ ảnh
Trình Tạo Gradient Từ Ảnh biến bất kỳ bức ảnh nào thành một gradient CSS sẵn sàng sử dụng. Thả, duyệt hoặc dán một ảnh vào và công cụ đọc nó trên canvas, trích xuất các màu chủ đạo và sắp xếp chúng thành các điểm dừng gradient mà bạn có thể kéo, đổi màu và sắp xếp lại cho đến khi bản pha trộn khớp với cảm giác của ảnh gốc.
Bộ chọn phong cách: Rực Rỡ, Tươi Sáng, Trầm, Sâu hoặc Tối, thay đổi các màu trích xuất nào trở thành điểm dừng, nên một bức ảnh có thể cho ra nhiều gradient rất khác nhau. Bạn kiểm soát loại gradient (tuyến tính, hình tròn hoặc hình nón), góc độ, và bản thân các điểm dừng: nhấp vào thanh để thêm một điểm, kéo để đổi vị trí, đảo ngược hoặc xoay chỉ với một cú nhấp.
Toàn bộ quy trình chạy trong trình duyệt của bạn; ảnh của bạn không bao giờ được tải lên máy chủ. Khi bản xem trước đã ưng ý, hãy sao chép quy tắc CSS hoàn chỉnh, chỉ riêng giá trị background, hoặc các màu đã trích xuất riêng biệt, lý tưởng cho phần hero, nền trang và hình ảnh thương hiệu bắt nguồn từ nhiếp ảnh.
Cách sử dụng Tạo gradient từ ảnh
- Kéo thả một ảnh, nhấp để duyệt tệp, hoặc dán từ clipboard.
- Chọn một phong cách: Rực Rỡ, Tươi Sáng, Trầm, Sâu hoặc Tối, để chọn màu trích xuất nào trở thành điểm dừng.
- Chọn loại gradient (tuyến tính, hình tròn hoặc hình nón) và điều chỉnh góc độ.
- Kéo các điểm dừng màu để tinh chỉnh bản pha trộn; thêm, xóa, đảo ngược hoặc xáo trộn lại điểm dừng khi cần.
- Nhấp "Sao chép CSS" để lấy mã gradient sẵn sàng dán.