Chọn màu từ ảnh
Mở ảnh, di chuột để phóng pixel, sao chép HEX, RGB và HSL. Không tải lên.
Chọn ảnh trên thiết bị này, hoặc tải swatch ví dụ.
Di chuột để phóng pixel. Nhấp để khóa HEX, RGB và HSL.
Định dạng màu
#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
cmyk(59%, 58%, 0%, 5%)
Màu đã chọn
#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
Vì sao lấy màu từ ảnh?
Ảnh chụp màn hình, PNG logo hoặc ảnh swatch vật lý thường là nguồn token duy nhất. Phóng lưới pixel khi hover nhanh hơn đoán HEX từ JPEG nén, và nhấp khóa HEX, RGB, HSL cùng chuỗi CMYK gần đúng để dán CSS. Đây không phải eyedropper hệ điều hành cho cửa sổ khác, cũng không phải pad Color Picker — nguồn là tệp bạn chọn trên tab này.
Dữ liệu của bạn được giữ riêng tư
Ảnh được giải mã và lấy mẫu trên trình duyệt này. Không tải lên hoặc lưu trên máy chủ.
Về lấy mẫu HEX từ ảnh cục bộ
Image Color Picker đọc JPEG, PNG, WebP hoặc bitmap trình duyệt giải được, rồi lấy mẫu pixel sRGB trên canvas trong tab. Hover hiện vùng phóng để đường mảnh và cạnh anti-alias dễ đánh giá. Nhấp khóa HEX, RGB, HSL và chuỗi CMYK naive. Không tải lên Toolora hay CDN. Dùng khi mock, screenshot hoặc ảnh sản phẩm là nguồn sự thật — không phải khi đã có hex (đó là Color Converter) và không phải khi muốn bịa token trên pad bão hòa (đó là Color Picker tại /tools/color-picker).
Pixel đến từ bộ giải và canvas trình duyệt. Profile màu làm phẳng theo readout kiểu sRGB; ảnh Display-P3 có thể lệch. Artifact JPEG bịa màu ở cạnh. Pixel PNG trong suốt vẫn có bộ RGB dưới alpha — chúng tôi báo RGB canvas lưu, không phải nền đã composite trừ khi bạn làm phẳng file trước. HEIC phụ thuộc trình duyệt. GIF hoặc WebP động là một khung tĩnh của bộ giải, không phải timeline.
Kính lúp dùng nearest-neighbor để thấy pixel thật, không upsample mờ. Tọa độ là pixel ảnh, không phải pixel layout CSS. Ảnh rất lớn có thể hết bộ nhớ tab — nén hoặc resize trước trên Image Compressor hoặc Image Resizer nếu picker chậm. Cắt trên Image Cropper nếu chỉ cần hình chữ nhật, rồi lấy mẫu ở đây.
Liên quan: Color Picker cho pad, Color Converter cho chuỗi đã gõ, Gradient / Shadow / Border Generator để dùng token, CSS Formatter để in đẹp rule xung quanh. Image Base64 nhúng tệp; không trả hex.
URL là /tools/image-color-picker. Không phải Figma, Photoshop, pipeline ICC, hay capture màn hình app khác. Đóng tab để bỏ bitmap khỏi bộ nhớ. Sao chép token vào stylesheet hoặc file token rồi sở hữu ở đó.
Cách lấy màu từ ảnh
Chọn tệp
Chọn JPEG, PNG hoặc WebP trên thiết bị này, hoặc tải ví dụ. Không tải lên.
Di chuột để phóng
Di con trỏ trên ảnh. Kính lúp phóng pixel dưới con trỏ.
Nhấp để khóa HEX
Nhấp một pixel để sao chép HEX, RGB, HSL hoặc mọi định dạng. Swatch xem trước theo màu đã khóa.
Ở lại thiết bị
Đóng tab để bỏ bitmap. Color Picker là pad nếu bạn không có ảnh.
Công cụ liên quan
Chọn màu
Chọn màu và sao chép HEX, RGB, HSL.
Chuyển màu
Chuyển màu giữa HEX, RGB và HSL. Gõ hoặc dán bên dưới — cả ba định dạng cập nhật khi bạn gõ.
Cắt ảnh
Cắt ảnh bằng khung kéo và tải kết quả về máy.
Nén ảnh
Nén JPEG, PNG hoặc WebP trên trình duyệt. Không tải lên máy chủ.
Tạo gradient
Tạo CSS linear-gradient với xem trước trực tiếp.
Định dạng CSS
In đẹp hoặc nén CSS trên trình duyệt.
Hỏi đáp Chọn màu từ ảnh
Không. Trình duyệt giải bitmap và lấy mẫu pixel trên canvas trong tab này. Đóng tab để bỏ ảnh khỏi bộ nhớ. Chúng tôi không lưu file trên CDN hay tài khoản.
Nearest-neighbor: mỗi ô là một pixel nguồn, không upsample mờ. Tọa độ là pixel ảnh, không phải pixel layout CSS. Cạnh JPEG có thể bịa màu; PNG trong suốt vẫn có bộ RGB dưới alpha.
Không. Nguồn là tệp bạn chọn trên trang này, hoặc swatch ví dụ. Color Picker tại /tools/color-picker là pad nếu bạn muốn bịa token. Color Converter nếu đã gõ hex.
Không. CMYK ở đây là đổi naive từ sRGB để dán nhanh, giống Color Picker. Không phải ICC, P3 hay LAB. Ảnh Display-P3 có thể lệch sau khi canvas làm phẳng. HEIC và WebP động phụ thuộc bộ giải trình duyệt — thường một khung tĩnh.