AI-Powered
Công cụ chọn màu
Chọn màu từ màn hình của bạn hoặc bất kỳ ảnh nào - HEX, RGB, HSL, CMYK, tên màu, Pantone.
Your files stay on your device - processed locally via WebAssembly, never uploaded
Upload image to pick
JPEG, PNG, WebP
All Formats
Palette (0/8)
Click Add to add the current color to your palette.
Contrast Check
Sample text
The quick brown fox jumps over the lazy dog
Embed this tool on your website
Copy this code to add the Công cụ chọn màu to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.
<iframe src="https://optipix.art/embed/color-picker" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="Công cụ chọn màu by OptiPix" loading="lazy"></iframe> <p style="font-size:12px">Free tool by <a href="https://optipix.art/color-picker">OptiPix Công cụ chọn màu</a></p>
❤️ Love this tool? Support our team.
No ads, no tracking, no limits. Tips keep 104 tools free for everyone.
Secure payment via Stripe · No account needed
About Công cụ chọn màu
Last updated: May 2026
OptiPix Color Picker cho phép bạn lấy bất kỳ màu nào từ màn hình của bạn bằng cách sử dụng API EyeDropper gốc trong các trình duyệt Chromium, hoặc chọn màu từ bất kỳ hình ảnh đã tải lên nào với độ chính xác từng pixel. Mỗi màu được chọn sẽ hiển thị dưới dạng HEX, RGB, HSL, HSV, CMYK, màu CSS được đặt tên gần nhất và mẫu Pantone Solid Coated gần nhất. Mỗi định dạng có nút sao chép một lần nhấp riêng. Tinh chỉnh bất kỳ màu nào bằng các thanh trượt HSL và RGB tích hợp. Một dải lịch sử ghi nhớ 30 lần chọn cuối cùng của bạn trên các phiên trình duyệt. Xây dựng một bảng màu gồm tối đa 8 màu và xuất nó dưới dạng thuộc tính tùy chỉnh CSS, JSON hoặc dải PNG có thể tải xuống. Công cụ kiểm tra độ tương phản WCAG tích hợp hiển thị các huy hiệu đạt/không đạt AA/AAA cho bất kỳ cặp màu nào. Mọi thứ đều chạy cục bộ - pixel màn hình và hình ảnh đã tải lên của bạn không bao giờ rời khỏi thiết bị của bạn. Hoàn hảo cho các nhà thiết kế chọn màu thương hiệu, nhà phát triển lấy mẫu màu từ ảnh chụp màn hình, kiểm toán viên trợ năng xác minh độ tương phản và bất kỳ ai mệt mỏi vì chuyển đổi giữa các công cụ nhỏ mắt gốc và bộ chuyển đổi màu.
How It Works
Công cụ chọn màn hình gọi API EyeDropper gốc của trình duyệt để lấy mẫu một pixel. Công cụ chọn hình ảnh lấy mẫu một pixel duy nhất từ canvas 2D thông qua getImageData. Các chuyển đổi định dạng là phép toán thuần túy - RGB↔HSL↔HSV↔CMYK - và các bộ so khớp tên/Pantone tính toán khoảng cách Euclidean bình phương so với danh sách tham chiếu.
Use Cases
- •Lấy một màu từ ảnh chụp màn hình cho hệ thống thiết kế của bạn
- •Chuyển đổi bất kỳ mã HEX nào bạn tìm thấy trực tuyến sang RGB, HSL hoặc Pantone
- •Xây dựng bảng màu thương hiệu từ hình ảnh mood-board
- •Xác minh độ tương phản WCAG của hai màu trước khi xuất bản
- •Xác định màu CSS được đặt tên từ mã hex
You Might Also Like
If you find Công cụ chọn màu useful, check out these related tools: Color Palette Extractor, Color Changer, and Photo Filters. All tools run entirely in your browser with no uploads or signups required.
Explore more: Browse all tools · Step-by-step guides · Tips & tutorials · Compare tools
Frequently Asked Questions
Công cụ nhỏ mắt màn hình có hoạt động trên mọi trình duyệt không?
Các màu Pantone có chính xác không?
Dữ liệu pixel màn hình của tôi có được gửi đi đâu không?
Tôi có thể xuất bảng màu không?
Làm cách nào để kiểm tra độ tương phản WCAG?
Related Tools
Trình trích xuất bảng màu
Trích xuất bảng màu chủ đạo từ bất kỳ ảnh nào.
Thay đổi màu sắc
Thay thế bất kỳ màu nào trong ảnh, tô màu lại đối tượng hoặc áp dụng hiệu ứng màu splash.
Bộ lọc ảnh
Áp dụng các bộ lọc và điều chỉnh đẹp mắt cho ảnh của bạn.
CSS Gradient Generator
Create linear, radial, and conic CSS gradients with a visual editor and presets gallery.