Công cụ trích xuất bảng màu hình ảnh miễn phí
Tải hình ảnh tĩnh lên và nhận bảng màu được xếp hạng gồm các màu chủ đạo dành cho thiết kế, thương hiệu hoặc bảng tâm trạng. Điều chỉnh số lượng mẫu màu cần trích xuất, sao chép các giá trị HEX riêng lẻ hoặc danh sách đầy đủ dưới dạng biến CSS hoặc JSON — được xử lý hoàn toàn trong trình duyệt của bạn (tối đa 60 MB, không có GIF).
Cách sử dụng công cụ này
- 1
Mở bảng hình ảnh
Tải ảnh lên để khám phá màu sắc chủ đạo của nó.
- 2
Chọn số lượng mẫu
Chọn 4–12 màu và xem lại HEX, RGB và tỷ lệ phần trăm.
- 3
Sao chép HEX hoặc CSS
Dán các mẫu màu vào công cụ thiết kế hoặc bảng định kiểu.
Thông tin nhanh
| Chạy cục bộ? | Có — việc lấy mẫu và phân cụm vẫn còn trong trình duyệt của bạn. |
|---|---|
| Có gì được tải lên không? | Không. Ảnh không bao giờ rời khỏi tab này. |
| vs Bộ chuyển đổi màu? | Bộ chuyển đổi dịch các giá trị đã biết; công cụ này phát hiện màu sắc từ một bức ảnh. |
| Sự chính xác? | Lấy mẫu có trọng số theo cạnh giúp ghi lại màu văn bản và biểu tượng trên ảnh chụp màn hình giao diện người dùng — sử dụng 16–24 mẫu màu. |
Các trường hợp sử dụng phổ biến
- Lấy các màu chủ đạo từ bất kỳ ảnh nào - chỉ HEX, RGB, CSS, JSON, cục bộ.
- Chạy cục bộ?: Có — việc lấy mẫu và phân cụm vẫn còn trong trình duyệt của bạn.
- Có gì được tải lên không?: Không. Ảnh không bao giờ rời khỏi tab này.
- vs Bộ chuyển đổi màu?: Bộ chuyển đổi dịch các giá trị đã biết; công cụ này phát hiện màu sắc từ một bức ảnh.
- Sự chính xác?: Lấy mẫu có trọng số theo cạnh giúp ghi lại màu văn bản và biểu tượng trên ảnh chụp màn hình giao diện người dùng — sử dụng 16–24 mẫu màu.
Câu hỏi thường gặp
Màu sắc được chọn như thế nào?▾
Chúng tôi kết hợp phạm vi bao phủ khu vực, các cạnh có độ tương phản cao (văn bản/biểu tượng), các điểm nhấn bão hòa và lưới 12×12 để các màu giao diện người dùng nhỏ không bị mất trên nền lớn.
Tôi có thể sao chép CSS không?▾
Có - sử dụng Sao chép biến CSS cho các mục nhập :root-ready --palette-N hoặc JSON cho ứng dụng.
Tại sao từ chối GIF?▾
GIF hoạt hình cần xử lý khung hình; công cụ này nhắm mục tiêu vào ảnh tĩnh.
PNG trong suốt?▾
Các pixel trong suốt được bỏ qua để chúng không làm lệch bảng màu.
Ảnh HEIC?▾
Được hỗ trợ khi trình duyệt của bạn hoặc bộ giải mã của chúng tôi có thể đọc HEIC, giống như các công cụ hình ảnh khác.
Màu sắc giống nhau mọi lúc?▾
Có đối với cùng một hình ảnh và số lượng màu — việc lấy mẫu mang tính quyết định trên một thiết bị nhất định.