Lấy màu từ ảnh
Tải ảnh lên để có bảng màu chủ đạo kèm % diện tích, hoặc bấm vào ảnh để lấy đúng màu điểm đó. Sao chép mã HEX, RGB, HSL; xuất CSS, Tailwind, ảnh bảng màu.
Cách lấy màu từ ảnh
- Chọn, kéo thả hoặc dán (Ctrl+V) một tấm ảnh.
- Xem bảng màu chủ đạo bên dưới (chọn 5 đến 12 màu), hoặc rê chuột lên ảnh rồi bấm để lấy màu đúng điểm — có kính lúp phóng to.
- Bấm biểu tượng sao chép cạnh mã màu, hoặc xuất cả bảng màu ra CSS, JSON, Tailwind hay ảnh PNG.
Câu hỏi thường gặp
Công cụ gom các điểm ảnh có màu gần nhau thành từng nhóm rồi lấy màu trung bình của mỗi nhóm, xếp theo nhóm chiếm nhiều diện tích nhất. Con số % cho biết màu đó phủ bao nhiêu phần tấm ảnh.
Rê chuột (hoặc chạm, kéo ngón tay) lên ảnh: kính lúp phóng to vùng đó để bạn nhắm chính xác. Bấm hoặc nhấc tay là màu được thêm vào danh sách "Màu đã chọn".
Không. Những điểm trong suốt bị bỏ qua, nên logo PNG nền trong suốt cho ra đúng màu của logo.
Chọn mục Tailwind: có sẵn đoạn @theme cho Tailwind v4 (dán vào file CSS) và đoạn cấu hình cho Tailwind v3 (tailwind.config.js). Màu dùng được ngay như bg-palette-1, text-palette-2…
Có. Bảng màu được tính trên bản thu nhỏ (đủ để thấy màu chủ đạo, nhanh hơn nhiều), còn màu bấm chọn được đọc trên bản rõ nét tới 1600px nên rất sát màu thật.
Hoàn toàn miễn phí, không cần đăng ký.
Công cụ liên quan
Đổi mã màuĐổi qua lại giữa mã màu HEX, RGB, HSLGhép ảnh thành lướiGhép nhiều ảnh thành 1 tấm dạng lướiTạo faviconTạo biểu tượng website từ logoĐổi kích thước ảnhĐổi kích thước nhiều ảnh cùng lúcCắt ảnhCắt lấy đúng phần ảnh bạn cầnXoay & Lật ảnhXoay hoặc lật ảnh chỉ với một cú bấmCắt ảnh trònCắt ảnh thành hình tròn, nền trong suốtThêm chữ lên ảnhGhép chữ lên ảnh, chọn vị trí và màuThêm khung viền ảnhThêm khung viền màu quanh ảnh