⚡Tất cả công cụ 💻Công cụ dành cho nhà phát triển 📝Văn bản & Viết 🎨Thiết kế & Màu sắc 🖼️Hình ảnh & Phương tiện 🔢Toán & Máy tính 🔒Bảo mật & Mã hóa 📄Công cụ PDF 📐Bộ chuyển đổi đơn vị

Bộ chọn màu hình ảnh thông minh với Pixel Loupe

Trích xuất màu từ hình ảnh cục bộ bằng cách sử dụng kính lúp chính xác theo phong cách pixel-art. Hỗ trợ các bản sao HEX, RGB, HSL và xác thực độ tương phản màu WCAG.

Ảnh gốc (Di chuyển con trỏ để chọn màu pixel)

🎨

Kéo thả ảnh vào đây hoặc click để tải lên

Supports PNG, JPG, WEBP

#FFFFFF rgb(255, 255, 255) hsl(0, 0%, 100%)

Lịch sử màu đã chọn (Nhấp để kiểm tra độ tương phản hoặc sao chép)

🎨 Trình kiểm tra độ tương phản màu WCAG 2.1

Màu văn bản (Tiền cảnh)

Màu nền

Tỷ lệ tương phản: 4.52:1

Tiêu chuẩn AA WCAG (Độ tương phản ≥ 4.5:1)

Văn bản thông thường: ĐẠT ✅ Văn bản lớn (18pt+): ĐẠT ✅

Tiêu chuẩn AAA WCAG (Độ tương phản ≥ 7.0:1)

Văn bản thông thường: THẤT BẠI ❌ Văn bản lớn (18pt+): ĐẠT ✅

Cách sử dụng

1 Mở Bộ chọn màu hình ảnh thông minh với Pixel Loupe, sau đó nhập, dán hoặc chọn nội dung cần xử lý.
2 Điều chỉnh tùy chọn và định dạng đầu ra theo nhu cầu.
3 Kiểm tra kết quả, sau đó sao chép hoặc tải đầu ra có sẵn.

Trường hợp sử dụng

Trích xuất màu từ hình ảnh cục bộ bằng cách sử dụng kính lúp chính xác theo phong cách pixel-art. Hỗ trợ các bản sao HEX, RGB, HSL và xác thực độ tương phản màu WCAG. Phù hợp cho công việc, lập trình, học tập hoặc kiểm tra nhanh.

Quyền riêng tư và xử lý dữ liệu

Công cụ chạy trong trình duyệt. Trước khi xử lý dữ liệu nhạy cảm, hãy bảo đảm thiết bị và trình duyệt đáng tin cậy.

Lấy màu chính xác từ ảnh và kiểm tra độ dễ đọc của bảng màu

Khi thiết kế website, slide hay ảnh mạng xã hội, bạn thường cần đúng màu từ logo thương hiệu, ảnh sản phẩm hoặc ảnh tham khảo. Đoán mã màu bằng mắt dễ sai, còn dán ảnh chụp màn hình vào phần mềm thiết kế thì mất công. Với công cụ này, bạn tải ảnh lên, bấm vào bất kỳ vị trí nào và nhận ngay giá trị HEX, RGB, HSL của điểm ảnh đó để sao chép vào CSS, Figma hay Canva.

Khi rê chuột trên ảnh, một kính lúp tròn sẽ phóng to 9×9 điểm ảnh quanh con trỏ và đánh dấu điểm ảnh đang chọn bằng khung đỏ. Ở mép vật thể và vùng chuyển màu, các điểm ảnh cạnh nhau có thể chênh lệch nhiều; kính lúp giúp tránh màu bẩn do khử răng cưa hay nhiễu và chọn đúng sắc độ bạn cần. Mỗi màu đã lấy được lưu vào lịch sử để so sánh và ghép thành bảng màu.

Sau khi có màu, bộ kiểm tra tương phản WCAG 2.1 bên dưới cho phép đặt màu chữ (tiền cảnh) và màu nền, tính tỷ lệ tương phản và cho biết có đạt chuẩn không. Chữ thường cần 4,5:1 cho mức AA và 7:1 cho AAA; chữ lớn (từ 18pt, hoặc 14pt đậm) được nới còn 3:1 và 4,5:1. Kiểm tra tương phản khi lấy màu thương hiệu làm màu nút hay tiêu đề sẽ giúp người lớn tuổi, người thị lực kém và người đọc ngoài nắng nhìn rõ hơn.

Lưu ý giá trị lấy được là giá trị lưu trong tệp ảnh. Ảnh chụp chịu ảnh hưởng của ánh sáng, cân bằng trắng và nén, nên cùng một sản phẩm có thể cho mã màu khác nhau ở mỗi ảnh; màu thương hiệu chính thức nên theo bộ nhận diện. Ảnh chỉ được đọc bằng Canvas trong trình duyệt và không bao giờ được tải lên.