Công Cụ Chọn Màu Từ Hình Ảnh
Đây là công cụ chọn màu từ hình ảnh hoạt động hoàn toàn trong trình duyệt, cho phép bạn kéo trên bất kỳ vị trí nào của hình ảnh để lấy màu và xem đồng thời RGB, HEX, HSL và HSV.
Sau khi chọn hình ảnh, bạn có thể kéo hoặc chạm trên hình để lấy màu.
Kính lúp sẽ xuất hiện khi bạn nhấp hoặc chạm giữ lâu trên hình ảnh, vì vậy bạn cũng có thể kiểm tra chính xác những màu rất nhỏ.
Xem trước hình ảnh
Cách sử dụng công cụ chọn màu từ hình ảnh và các tình huống hữu ích
Công cụ chọn màu từ hình ảnh này là công cụ trực tuyến cho phép bạn lấy màu từ hình ảnh đã tải lên như dùng ống hút màu và kiểm tra mã màu ngay tại chỗ. Công cụ hữu ích bất cứ khi nào cần trích xuất màu chính xác, chẳng hạn như trong thiết kế web, tạo banner, soạn tài liệu hoặc kiểm tra màu sắc trong hình ảnh sản phẩm.
Kiểm tra màu liên tục trong khi kéo
Khi bạn di chuyển trên hình ảnh, tọa độ và màu sắc thay đổi theo thời gian thực, giúp dễ dàng theo dõi sự thay đổi màu ở các đường viền và vùng chuyển sắc.
Kính lúp giúp lấy màu ở chi tiết nhỏ dễ hơn
Khu vực xung quanh con trỏ được phóng to, vì vậy bạn có thể kiểm tra chính xác các đường nét mảnh, biểu tượng nhỏ, màu của bóng đổ và các chi tiết khác. (Kính lúp xuất hiện khi bạn nhấp hoặc chạm giữ lâu trên hình ảnh.)
Hiển thị RGB, HEX, HSL và HSV cùng lúc
Vì nhiều cách biểu diễn màu được hiển thị cùng nhau, bạn có thể thực hiện đặc tả thiết kế, viết CSS và so sánh trực quan mà không cần chuyển đổi qua lại giữa các định dạng.
Tái sử dụng màu ngay từ lịch sử
Các màu vừa lấy sẽ được giữ lại trong lịch sử, vì vậy bạn không cần lấy lại nhiều lần màu thương hiệu hoặc các màu cần so sánh.
Hữu ích trong những tình huống như sau
Khi bạn muốn trích xuất bảng màu từ một hình ảnh tham khảo cho trang web hoặc landing page và quyết định màu nút hoặc màu nền có tông tương tự.
Khi bạn muốn kiểm tra tông màu của hình ảnh sản phẩm thương mại điện tử hoặc tài liệu banner và nhanh chóng so sánh độ lệch màu với một thiết kế hiện có.
Khi tạo tài liệu, hình ảnh mạng xã hội hoặc ảnh thu nhỏ và bạn muốn dùng trực tiếp màu nhấn trong hình ảnh cho tiêu đề hoặc trang trí.
Mẹo sử dụng
- Sau khi tải hình ảnh, hãy giữ chuột và di chuyển trên vùng bạn muốn lấy màu để kiểm tra màu liên tục. Công cụ cũng hỗ trợ thao tác chạm trên điện thoại thông minh và máy tính bảng.
- Nếu muốn lấy màu của đường viền hoặc chi tiết trang trí nhỏ, hãy điều chỉnh vị trí từng chút một trong khi quan sát kính lúp để dễ nhắm đúng điểm ảnh mong muốn hơn.
- Các giá trị RGB, HEX, HSL và HSV đã lấy có thể được sao chép riêng lẻ, vì vậy bạn có thể chuyển chúng sang CSS, công cụ thiết kế hoặc tài liệu đặc tả với ít thao tác nhất.
- Các màu vừa lấy sẽ được giữ lại trong lịch sử, vì vậy nếu muốn so sánh các màu ứng viên, bạn nên lấy màu ở nhiều vị trí liên tiếp rồi so sánh.
- Nếu muốn phân biệt các màu khác nhau về độ sáng, việc kiểm tra thêm HSL và HSV cùng với RGB sẽ giúp bạn dễ nắm được sự khác biệt về độ bão hòa và độ sáng/giá trị hơn.
- Hình ảnh không được gửi lên máy chủ và toàn bộ quá trình xử lý được hoàn tất ngay trong trình duyệt, vì vậy công cụ có thể được sử dụng an toàn ngay cả với hình ảnh chưa công bố đang trong quá trình tạo hoặc ảnh chụp màn hình tài liệu nội bộ.