Công cụ95

TẠO RA ĐIỀU TUYỆT VỜI

Công cụ chọn màu hình ảnh.

Chọn màu HEX, RGB và HSL từ hình ảnh. Trích xuất và chỉnh sửa bảng màu, kiểm tra độ tương phản văn bản, sau đó sao chép màu hoặc xuất PNG, SVG, CSS hoặc JSON.

Quảng cáo
Không gian làm việc hình ảnh của bạn
Xử lý trên máy chủ tạm thời
hoặc kéo và thả vào đây
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Chọn hình ảnh của bạn để bắt đầu.ẢNH
Quảng cáo
Blog Cách chọn màu hình ảnh và tạo bảng màu Đọc hướng dẫn

Chọn màu hình ảnh và xây dựng bảng màu bạn có thể sử dụng

Kiểm tra một pixel, sao chép giá trị HEX, RGB hoặc HSL của nó và trích xuất bảng màu bắt đầu từ một bức ảnh. Giữ lại các màu bạn thích, chỉnh sửa phần còn lại, kiểm tra cặp văn bản và nền, rồi xuất PNG, SVG, CSS hoặc JSON.

Một hình ảnh cung cấp các mẫu màu riêng lẻ và một bảng màu có thể được tinh chỉnh và xuất.
VIDEO HƯỚNG DẪN NHANH How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Thuyết minh tiếng Anh Xem video

How to pick an image color and export a palette

Tính năng và điều khiển

Chọn một pixel với chế độ xem phóng đại

Nhấp hoặc chạm vào hình ảnh để kiểm tra màu, sau đó sao chép mã của nó.

Định vị chính xác và các hạn chế xem trước

Kính lúp giúp bạn nhắm vào các chi tiết nhỏ. Lấy nét hình ảnh và sử dụng các phím mũi tên để di chuyển một pixel, Shift cộng với mũi tên để di chuyển mười pixel và Enter để chọn. HEX, RGB và HSL có các nút sao chép riêng. Các nguồn có thể giải mã bằng trình duyệt được lấy mẫu trong trình duyệt sRGB. Khi sử dụng bản xem trước chuẩn hóa thay thế, nhãn của nó sẽ xác định các màu và tọa độ là xấp xỉ.

Trích xuất một bảng màu bắt đầu hữu ích

Chọn 3 đến 12 Màu để trích xuất và thử Dominant (Chủ đạo) hoặc Vibrant (Sống động).

Cách ước tính màu sắc và tỷ lệ phần trăm

Dominant ưu tiên các màu chính của hình ảnh. Vibrant mang lại ảnh hưởng lớn hơn cho các điểm nhấn đầy màu sắc. Quá trình trích xuất lấy mẫu một hình ảnh bị giới hạn, nhóm các màu tương tự và trả về tối đa số lượng được yêu cầu; một hình ảnh phẳng có thể chứa ít hơn. Các pixel hoàn toàn trong suốt bị loại trừ và độ mờ một phần làm giảm trọng số của pixel. Tỷ lệ phần trăm mô tả các nhóm được lấy mẫu xấp xỉ, không phải số lượng chính xác của mọi pixel gốc. Trích xuất tự động tải hình ảnh lên máy chủ.

Giữ, thay thế và sắp xếp lại màu sắc của bạn

Khóa các mẫu màu hữu ích, chỉnh sửa giá trị HEX của chúng hoặc thêm một màu đã chọn hoặc màu tùy chỉnh.

Tinh chỉnh bảng màu trước khi xuất

Chọn một mẫu màu để chỉnh sửa màu của nó, di chuyển sang trái hoặc phải hoặc xóa nó. Khóa giữ lại màu đã chọn khi bạn sử dụng Làm mới bảng màu hoặc thay đổi cài đặt trích xuất. Thêm vào bảng màu sử dụng màu RGB đã lấy mẫu; Thêm màu tùy chỉnh cho phép bạn nhập giá trị HEX. Một bảng màu có thể chứa 1 đến 12 màu để xuất. Các màu đã chọn, đã chỉnh sửa và được giữ lại khi khóa không nhận được tỷ lệ phần trăm hình ảnh được tạo ra.

Hiểu về các pixel trong suốt

Chọn Màu nguồn hoặc Kết hợp trên nền trong phần Lấy mẫu.

Độ mờ nguồn và màu sắc đã xuất

Màu nguồn báo cáo pixel đã chọn và độ mờ của nó trong mã được sao chép. Kết hợp trên nền hiển thị diện mạo của nó sau khi trộn với Nền mẫu. Màu bảng màu và các tệp xuất là các giá trị RGB mờ, vì vậy việc thêm màu nguồn trong suốt sẽ không bảo toàn kênh alpha của nó. Chế độ lấy mẫu thay đổi màu được kiểm tra; nó không tô màu lại hình ảnh nguồn hoặc thay đổi quá trình trích xuất tự động.

Kiểm tra cặp văn bản và nền

Sử dụng Kiểm tra độ tương phản màu để so sánh hai màu.

Kết quả độ tương phản bao gồm những gì

Chọn Văn bản và Nền bằng các điều khiển màu, nhập giá trị HEX hoặc sử dụng màu đã chọn. Bản xem trước hiển thị tỷ lệ tương phản và các kết quả riêng biệt cho Normal AA, Normal AAA, Large AA và Large AAA cho văn bản. Điều này chỉ kiểm tra cặp màu đã chọn. Nó không kiểm tra toàn bộ trang, tính đến mọi hình ảnh nền hoặc chứng nhận rằng một thiết kế hoàn chỉnh là dễ tiếp cận.

Xuất màu cho bước tiếp theo

Lưu hình ảnh bảng màu, mẫu màu vector, biến CSS hoặc dữ liệu màu có cấu trúc.

PNG, SVG, CSS và JSON

PNG tạo ra một thẻ bảng màu có nhãn. SVG giữ các mẫu màu và nhãn dưới dạng nội dung vector. CSS xuất các biến được đánh số như --color-1. JSON chứa các giá trị HEX, RGB và HSL. Chọn Lưu dưới dạng rồi Bắt đầu để tạo một tệp có tên palette với phần mở rộng đã chọn. Sao chép một màu hoặc toàn bộ bảng màu HEX có thể nhanh hơn khi bạn chỉ cần các giá trị.

Tệp và xử lý

Đầu vào
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC và HEIF
Đầu ra
Một bảng màu PNG, SVG, CSS hoặc JSON

Tối đa 25 MB mỗi tệp. Một tệp đầu vào mỗi lần chạy.

Một hình ảnh nguồn lên đến 60 megapixel. Các mẫu trích xuất tối đa 512 pixel mỗi cạnh, bỏ qua các pixel hoàn toàn trong suốt và có thể trả về ít màu hơn yêu cầu. Xuất hỗ trợ 1 đến 12 màu bảng màu không trong suốt. Các nguồn hoạt ảnh hoặc đa hình ảnh sử dụng khung hình tĩnh đầu tiên của chúng.

Hình ảnh được tải lên tự động để trích xuất bảng màu và được tải lên lại để xuất cuối cùng. Việc chọn pixel và chỉnh sửa bảng màu thủ công chạy trong trình duyệt. Một định dạng mà trình duyệt không thể giải mã cũng có thể cần bản xem trước từ máy chủ. Công cụ này sử dụng xử lý màu thông thường, không phải AI.

Các tệp được xử lý trên máy chủ. Việc chuẩn bị bản xem trước cũng có thể tải tệp lên khi trình duyệt không thể giải mã hoặc cần xem trước tài liệu. Các tệp tải xuống từ máy chủ khả dụng cho phiên của bạn trong tối đa hai giờ.

Để có kết quả hình ảnh, hãy sử dụng Tiếp tục bên dưới kết quả tải xuống để chọn bước tiếp theo tương thích. Bạn có thể chọn hình ảnh nào để chuyển tiếp; công cụ tiếp theo sẽ bắt đầu với cài đặt riêng của nó.

Làm mới trình chỉnh sửa hoặc trang tải xuống sẽ đưa bạn trở lại trang công cụ. Tải xuống kết quả trước khi bắt đầu quy trình làm việc mới. Xem Chính sách bảo mật của chúng tôi về cách xử lý tệp.

Câu hỏi thường gặp

Thông tin hữu ích.

Một vài câu trả lời trước khi bạn bắt đầu.

Xử lý trên máy chủ tạm thời
Tôi có thể lấy HEX, RGB và HSL từ một hình ảnh không?

Có. Chọn một pixel và sử dụng nút sao chép bên cạnh giá trị bạn cần. Bộ chọn hiển thị độ mờ khi có liên quan; các tệp xuất bảng màu mờ chứa các màu RGB.

Sự khác biệt giữa Dominant và Vibrant là gì?

Dominant nhấn mạnh các màu phổ biến của hình ảnh. Vibrant mang lại ảnh hưởng lớn hơn cho các điểm nhấn đầy màu sắc. Cả hai đều là các phép tính xấp xỉ được lấy mẫu và không hứa hẹn sẽ tự động tìm thấy một màu thương hiệu cụ thể.

Tại sao yêu cầu sáu màu lại trả về ít màu hơn?

Một nguồn có thể có ít màu sắc hiển thị riêng biệt hơn. Trình trích xuất trả về các nhóm có sẵn thay vì tạo ra các mẫu màu trùng lặp để lấp đầy số lượng được yêu cầu.

Tôi có thể giữ một màu trong khi làm mới bảng màu không?

Có. Chọn mẫu màu của nó và sử dụng Khóa màu. Bạn cũng có thể thêm giá trị HEX tùy chỉnh, sắp xếp lại các mẫu màu hoặc xóa màu trước khi xuất.

Mọi thứ có ở lại trong trình duyệt của tôi không?

Không. Việc chọn pixel và chỉnh sửa bảng màu chạy trong trình duyệt, nhưng trích xuất tự động và xuất cuối cùng sẽ tải nguồn lên máy chủ. Một số định dạng đầu vào cũng cần bản xem trước do máy chủ tạo.

Quảng cáo

Ngôn ngữ38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Chọn ngôn ngữ của bạn. Các video hướng dẫn hiện sử dụng lời dẫn bằng tiếng Anh.