Những điểm chính
- 01Lấy mẫu bất kỳ pixel nào từ bất kỳ ảnh nào và nhận mã HEX, RGB và HSL chỉ bằng một cú nhấp chuột.
- 02Một loupe được phóng to với mức zoom lên tới 20x giúp dễ dàng lấy các pixel chính xác từ logo hoặc biểu tượng.
- 03Xây dựng một bảng màu nhỏ từ nhiều lần chọn — mọi thứ vẫn riêng tư trong trình duyệt của bạn.
- 04Miễn phí, không cần đăng ký và hoạt động với JPG, PNG, WebP, AVIF, GIF, BMP và HEIC.
Tại Sao Sử Dụng Bộ Chọn Màu Dựa Trên Trình Duyệt?
Các nhà thiết kế, nhà phát triển và những người sáng tạo nội dung thường xuyên cần phải khớp màu từ ảnh tham chiếu — logo, bảng mood, ảnh khách hàng hoặc ảnh chụp màn hình. Hầu hết các hệ điều hành có các công cụ eyedropper cơ bản, nhưng chúng thiếu phóng to, đầu ra nhiều định dạng và xây dựng bảng màu giúp chọn màu nhanh chóng trong quy trình làm việc thực tế.
Bộ chọn màu của Handytool chạy hoàn toàn trong trình duyệt của bạn, vì vậy không có cài đặt, không có tài khoản và không có ảnh được gửi đến bất kỳ máy chủ nào. Bạn nhận được một eyedropper được phóng to, ba định dạng màu đồng thời (HEX, RGB, HSL) và bảng màu có thể tái sử dụng — tất cả miễn phí.
Cách Chọn Màu Từ Ảnh
Toàn bộ quá trình mất kém hơn một phút.
- 01
Thả hoặc mở ảnh của bạn
Kéo tệp ảnh của bạn vào trang hoặc nhấp để duyệt. JPG, PNG, WebP, AVIF, GIF, BMP và HEIC đều được hỗ trợ — các tệp HEIC từ iPhone được giải mã cục bộ bằng WebAssembly.
- 02
Định vị loupe trên pixel đích
Di chuyển con trỏ của bạn trên ảnh. Loupe được phóng to sẽ theo con trỏ của bạn để bạn có thể nhìn thấy các pixel riêng lẻ ngay cả trong ảnh dày đặc hoặc nhỏ. Zoom lên tới 20x cho chi tiết logo và công việc biểu tượng.
- 03
Nhấp để lấy mẫu màu
Nhấp vào pixel bạn muốn. Các giá trị HEX, RGB và HSL xuất hiện ngay lập tức trong bảng điều khiển.
- 04
Sao chép định dạng bạn cần
Nhấp vào bất kỳ huy hiệu định dạng nào để sao chép nó vào bảng tạm của bạn. HEX sẵn sàng cho CSS, RGB phù hợp với công việc in ấn và HSL là lý tưởng khi bạn cần thiết kế các biến thể nhạt hơn hoặc đậm hơn của cùng một sắc thái.
- 05
Xây dựng bảng màu với nhiều lần chọn
Tiếp tục nhấp xung quanh ảnh để thêm các mẫu vào bảng màu nhỏ ở dưới cùng. Nhấp vào bất kỳ mẫu nào để sao chép HEX hoặc nút x để xóa nó.
Bạn Nên Sử Dụng Định Dạng Màu Nào?
Mỗi định dạng phục vụ một mục đích hơi khác nhau.
- 01HEX (#B7FF3E) — lựa chọn phổ quát cho CSS web và công cụ thiết kế như Figma.
- 02RGB (183, 255, 62) — được ưa thích trong thiết kế in ấn, hiệu chuẩn màu và một số ứng dụng thiết kế.
- 03HSL (83°, 100%, 62%) — tốt nhất khi bạn muốn tạo các tông màu, sắc thái hoặc dốc màu.
- 04Cả ba định dạng đều biểu thị cùng một màu — sao chép bất cứ cái nào công cụ hạ lưu mong đợi.
Ảnh Của Bạn Không Bao Giờ Rời Khỏi Thiết Bị Của Bạn
Bộ chọn màu là công cụ hoàn toàn phía khách hàng. Mỗi ảnh bạn thả được giải mã bởi Canvas API của trình duyệt của bạn và mỗi phép tính màu xảy ra trong JavaScript cục bộ. Không có dữ liệu được truyền đến bất kỳ máy chủ nào, được ghi nhật ký hoặc lưu trữ — thậm chí không tạm thời.
Điều này có nghĩa là bạn có thể làm việc an toàn với mockup bí mật, tác phẩm nghệ thuật của khách hàng hoặc ảnh sản phẩm chưa được phát hành. Đóng tab và mọi thứ sẽ biến mất. Không có tải lên để lo lắng, không có chính sách bảo mật để cuộn qua.
Câu Hỏi Thường Gặp Về Bộ Chọn Màu
Làm cách nào để chọn màu từ ảnh trực tuyến?
Thả ảnh của bạn vào bộ chọn màu Handytool, di chuyển con trỏ trên pixel bạn muốn và nhấp. Các giá trị HEX, RGB và HSL xuất hiện ngay lập tức và có thể được sao chép bằng một cú nhấp chuột.
Định dạng ảnh nào mà bộ chọn màu trực tuyến hỗ trợ?
JPG, PNG, WebP, AVIF, GIF, BMP và HEIC/HEIF. Ảnh HEIC từ iPhone được giải mã cục bộ bằng WebAssembly, vì vậy không cần chuyển đổi.
Sự khác biệt giữa HEX, RGB và HSL là gì?
HEX là mã gồm sáu chữ số phổ biến trong CSS web. RGB biểu thị màu dưới dạng ba giá trị số (đỏ, xanh lục, xanh dương) từ 0 đến 255. HSL sử dụng sắc thái, bão hòa và độ sáng — hữu ích để tạo dốc màu.
Ảnh của tôi có được tải lên máy chủ không?
Không. Toàn bộ công cụ chạy trong trình duyệt của bạn. Ảnh của bạn ở trên thiết bị của bạn từ đầu đến cuối — không có gì được gửi đến máy chủ.
Tôi có thể lưu bảng màu từ một ảnh không?
Có. Mỗi cú nhấp chuột sẽ thêm một mẫu vào bảng màu ở dưới cùng của trang. Nhấp vào một mẫu để sao chép HEX hoặc x để xóa nó. Bảng màu sẽ bị mất khi bạn đóng tab — sao chép mã của bạn trước khi rời đi.
Bộ chọn màu có miễn phí không?
Có. Handytool hoàn toàn miễn phí không có đăng ký, không có giới hạn sử dụng và không có hình mờ.