Tạo gradient từ ảnh

hoặc thả ảnh vào đây, dán ảnh (Ctrl/Cmd + V) · JPG, PNG, WebP

Xong việc này? Labs gợi ý bước tiếp theo

Kiểm tra màu cá nhân Lấy màu trên màn hình Đổi mã màu

Câu hỏi thường gặp

Cách tạo gradient từ ảnh?

Tải ảnh lên, công cụ tách 8 màu chính của ảnh rồi chọn ra 3 màu khác biệt nhất (đổi được từ 2 đến 5) để ghép thành dải gradient. Bạn xem trước ngay và sao chép CSS bằng một nút bấm.

Các điểm màu được sắp xếp theo thứ tự nào?

Công cụ tính vị trí trung bình của từng màu trong ảnh và tìm hướng mà các màu trải ra rõ nhất, rồi đặt điểm màu theo đúng thứ tự và khoảng cách dọc theo hướng đó. Góc gradient cũng lấy theo hướng này, ví dụ trời ở trên, biển ở dưới. Nếu các màu nằm rải rác khắp ảnh, dải màu được xếp từ sáng đến tối, từ trên xuống dưới.

Có đổi màu từng điểm được không?

Có. Bấm chọn một điểm trên thanh màu rồi bấm một trong các màu lấy từ ảnh, hoặc bấm ô màu cuối hàng để chọn màu tuỳ ý. Kéo điểm màu trên thanh để đổi vị trí.

Nút "Màu khác" dùng để làm gì?

Nút này chọn lại một tổ hợp màu khác trong các màu chính của ảnh, rồi xếp lại theo vị trí trong ảnh. Bấm vài lần để xem thêm phương án.

Xuất được những định dạng nào?

Bạn sao chép được mã CSS (linear-gradient có góc hoặc radial-gradient, kèm một màu nền dự phòng), danh sách mã HEX, hoặc tải ảnh PNG cỡ 1920×1080, 1080×1920, 2048×2048 hay 3840×2160.

Công cụ này khác gì gradient từ ảnh của Adobe Color?

Cả hai đều lấy màu từ ảnh để tạo gradient. Công cụ của ColorME miễn phí, không cần tài khoản, cho bạn sao chép CSS dùng ngay trên website và tải ảnh PNG nhiều cỡ.

Ảnh của tôi có bị tải lên máy chủ không?

Không. Ảnh được đọc và tách màu ngay trên trình duyệt của bạn, không gửi đi đâu. ColorME chỉ ghi nhận lượt dùng kèm đoạn mã CSS của gradient (màu, vị trí, góc) để thống kê.

Công cụ có miễn phí không?

Miễn phí, không cần đăng nhập, chạy trên trình duyệt máy tính và điện thoại. Hỗ trợ ảnh JPG, PNG, WebP.