Lấy Màu Từ Ảnh Chỉ Với Một Cú Nhấp
Lấy Màu Từ Ảnh trích ra các màu chủ đạo của bất kỳ tấm ảnh, ảnh chụp màn hình hay hình đồ họa nào ngay khi bạn thả nó vào. Tải ảnh lên và công cụ sẽ dựng một bảng màu kèm giá trị HEX, RGB và HSL cho từng màu — không cần đoán, không cần dò màu thủ công.
Công cụ được làm ra cho nhà thiết kế đi tìm cảm hứng từ một bức ảnh, lập trình viên cần khớp màu thương hiệu, và bất kỳ ai cần một mã màu chính xác từ hình ảnh. Bạn cũng có thể chọn từng điểm ảnh riêng lẻ bằng cách nhấp thẳng lên ảnh, rồi sao chép hoặc xuất toàn bộ bảng màu cho dự án của mình.
Cách Lấy Màu Từ Một Tấm Ảnh
Thêm ảnh của bạn
Nhấp vào vùng tải lên để chọn file, kéo thả một file vào đó, hoặc sao chép một ảnh rồi nhấn Ctrl+V (Cmd+V trên Mac) để dán. Hỗ trợ file PNG, JPG, GIF và WebP.
Đọc bảng màu
Các màu chủ đạo hiện ra ngay lập tức dưới dạng thẻ. Mỗi thẻ hiển thị một ô màu, một thanh độ chủ đạo, tên màu gần nhất, cùng giá trị HEX, RGB và HSL đặt cạnh nhau.
Chọn một màu cụ thể
Di chuột trên ảnh để xem trước màu dưới con trỏ, rồi nhấp để lấy đúng điểm ảnh đó. Dùng nút Phóng to để xem toàn màn hình khi bạn cần chọn màu thật chính xác.
Điều chỉnh và sắp xếp
Dùng thanh trượt để lấy từ 3 đến 15 màu, sắp xếp bảng màu theo độ chủ đạo, độ sáng hoặc tông màu, rồi nhấn Lấy lại màu để làm mới kết quả.
Sao chép hoặc xuất
Nhấp vào bất kỳ giá trị nào để sao chép, dùng Sao chép tất cả để lấy mọi mã HEX cùng lúc, hoặc xuất bảng màu thành biến CSS, biến SCSS, JSON hay ảnh PNG.
Tính Năng
Lấy màu thông minh
Thuật toán phân cụm k-means gom các điểm ảnh tương tự nhau để tìm ra những màu thực sự chủ đạo, chứ không chỉ là màu xuất hiện nhiều nhất, cho ra bảng màu khớp với cách bạn nhìn tấm ảnh.
Chọn màu tương tác
Di chuột để xem trước màu dưới con trỏ kèm chú thích HEX trực tiếp, rồi nhấp để lấy bất kỳ điểm ảnh nào. Chế độ Phóng to cho bạn khung nhìn toàn màn hình để chọn màu chính xác.
Nhiều định dạng màu
Mỗi màu đều có sẵn giá trị HEX, RGB và HSL, mỗi giá trị có nút sao chép một chạm riêng để bạn lấy đúng định dạng mà dự án cần.
Đặt tên màu
Mỗi màu được khớp với tên màu gần nhất từ một cơ sở dữ liệu lớn, giúp bạn dễ mô tả và ghi nhớ các sắc thái trong bảng màu của mình hơn.
Sắp xếp linh hoạt
Sắp xếp bảng màu theo độ chủ đạo để đưa các màu chủ đạo lên đầu, theo độ sáng từ nhạt đến đậm, hoặc theo tông màu để đi theo vòng tròn màu sắc.
Điều chỉnh số lượng màu
Một thanh trượt đơn giản cho bạn lấy từ 3 đến 15 màu, để giữ bảng màu gọn gàng hoặc bắt trọn dải sắc thái rộng hơn.
Tùy chọn xuất
Mang bảng màu đi bất cứ đâu dưới dạng biến CSS, biến SCSS, dữ liệu JSON, hoặc một bảng ô màu PNG tải về được kèm nhãn HEX.
Lịch sử bảng màu
Các bảng màu gần đây được lưu trong trình duyệt để bạn mở lại mà không cần tải ảnh lên lần nữa. Xóa lịch sử bất cứ lúc nào để bắt đầu lại từ đầu.
Câu Hỏi Thường Gặp
Làm sao để lấy màu từ một tấm ảnh?
Thêm ảnh bằng cách nhấp vào vùng tải lên, kéo một file vào, hoặc dán từ clipboard. Công cụ sẽ đọc tấm ảnh và hiển thị các màu chủ đạo của nó dưới dạng bảng màu một cách tự động — không cần cài đặt hay đăng ký gì cả.
Làm sao lấy mã HEX của một màu trong tấm ảnh?
Di chuột tới chỗ bạn muốn để xem màu dưới con trỏ, rồi nhấp để lấy đúng điểm ảnh đó. Mã HEX của nó sẽ được sao chép cho bạn, và bạn cũng có thể nhấp vào bất kỳ giá trị nào trên thẻ màu để sao chép.
Tôi có lấy được cả RGB lẫn HEX không?
Có. Mỗi màu được lấy ra đều liệt kê giá trị HEX, RGB và HSL cùng nhau, và mỗi giá trị có nút sao chép riêng để bạn lấy đúng định dạng mình cần.
Hỗ trợ những định dạng ảnh nào?
File PNG, JPG/JPEG, GIF và WebP đều dùng được. Để có bảng màu rõ ràng nhất, hãy dùng ảnh sắc nét với màu sắc tách bạch thay vì ảnh mờ hoặc bị nén quá nhiều.
Tôi lấy được tối đa bao nhiêu màu?
Từ 3 đến 15 màu bằng thanh trượt. Mặc định bắt đầu ở 3 màu, phù hợp với hầu hết các ảnh; hãy tăng số lượng cho những tấm hình nhiều màu hơn, rồi nhấn Lấy lại màu để dựng lại bảng màu.
"Độ chủ đạo" nghĩa là gì?
Độ chủ đạo cho biết một màu chiếm ưu thế tới đâu trên toàn tấm ảnh. Thanh độ chủ đạo của một thẻ càng đầy thì màu đó càng phủ nhiều phần của bức hình, giúp bạn nhìn thấy sự cân bằng màu sắc tổng thể chỉ trong một cái liếc.
Tôi có xuất bảng màu thành CSS hay JSON được không?
Có. Menu xuất cho bạn sao chép bảng màu thành thuộc tính tùy chỉnh CSS hoặc biến SCSS, sao chép dưới dạng JSON để dùng trong lập trình, hoặc tải về một bảng ô màu PNG. Với CSS, hãy dán phần đã xuất vào :root và dùng các giá trị như var(--color-1).
Ảnh của tôi có bị tải lên máy chủ không?
Không. Mọi xử lý đều chạy ngay trong trình duyệt bằng JavaScript, nên ảnh của bạn không bao giờ rời khỏi thiết bị. Lịch sử bảng màu đã lưu cũng nằm trong bộ nhớ cục bộ của chính trình duyệt bạn.
Có dùng được trên điện thoại không?
Có. Giao diện co giãn linh hoạt và hoạt động tốt trên điện thoại lẫn máy tính bảng. Trên màn hình cảm ứng, hãy chạm vào ảnh để chọn màu thay vì di chuột.
Chưa có bình luận nào. Hãy là người đầu tiên!