Tạo bảng màu từ hình ảnh
Tải lên, kéo thả hoặc dán ảnh, ảnh chụp màn hình, logo hay minh họa để tạo bảng màu từ toàn bộ hình ảnh. Công cụ tóm tắt các màu chủ đạo nhìn thấy được thành bảng màu 3, 5 hoặc 8 màu thay vì chọn một pixel. Sao chép từng giá trị HEX và RGB, toàn bộ HEX theo từng dòng hoặc bộ biến CSS sẵn dùng. Ảnh được xử lý cục bộ trong trình duyệt và không bao giờ được tải lên ColourPicker.app.
Tải ảnh lên
Chọn tệp, kéo tệp vào đây hoặc dán ảnh từ khay nhớ tạm.
Bạn cũng có thể dán ảnh chụp màn hình bằng Ctrl+V hoặc Command+V.
Ảnh của bạn ở lại trên thiết bị và chỉ được xử lý trong trình duyệt này.
Công cụ khác
Picker
Chọn màu sắc
Tải ảnh lên và nhấp để trích xuất mã màu HEX, RGB và HSL.
Converter
Chuyển đổi màu sắc
Chuyển đổi màu giữa HEX, RGB và HSL ngay lập tức.
Checker
Kiểm tra độ tương phản
Kiểm tra tỷ lệ tương phản màu theo tiêu chuẩn WCAG AA và AAA.
Generator
Tạo bảng màu
Tạo bảng màu hài hòa từ bất kỳ màu cơ bản nào.
Cách tạo bảng màu từ hình ảnh
Chọn tệp ảnh, kéo vào vùng tải lên hoặc dán ảnh từ khay nhớ tạm. Trình duyệt giải mã ảnh và phân tích một mẫu nhỏ các pixel hiển thị. Những sắc độ gần nhau được nhóm lại để bảng màu cho thấy các màu tác động mạnh nhất đến diện mạo ảnh, không phải mọi giá trị pixel.
- Thêm ảnh, logo, minh họa, ảnh chụp màn hình hoặc ảnh khác mà trình duyệt mở được.
- Bảng màu năm màu chủ đạo được tạo tự động sau khi ảnh tải xong.
- Chọn 3, 5 hoặc 8 màu tùy mức độ chi tiết bạn cần.
- Sao chép từng màu hoặc toàn bộ bảng màu cho bước thiết kế hay phát triển tiếp theo.
Màu chủ đạo, không phải một pixel chính xác
Trang này dùng để tóm tắt nhiều màu của toàn bộ ảnh, minh họa, logo hoặc ảnh chụp màn hình. Kết quả là các màu định hình hình ảnh nói chung, không phải giá trị chính xác tại một điểm.
Nếu cần màu chính xác của một pixel, hãy chọn một màu chính xác từ hình ảnh. Để tạo quan hệ bổ sung, tương đồng hoặc lý thuyết khác từ màu cơ sở, hãy tạo hòa sắc màu từ màu cơ sở. Công cụ này chỉ tóm tắt màu đã có trong ảnh.
Sao chép bảng màu dưới dạng HEX, RGB hoặc biến CSS
Mỗi ô màu có giá trị HEX và RGB với nút sao chép riêng. Bạn cũng có thể sao chép mọi giá trị HEX thành danh sách một màu mỗi dòng. Nút biến CSS tạo khối :root với các tên như --cp-1 và --cp-2 cho nguyên mẫu hoặc stylesheet.
Hãy kiểm tra riêng độ tương phản và khả năng tiếp cận trước khi dùng màu trong giao diện hoàn chỉnh.
Ảnh của bạn luôn riêng tư
Mọi xử lý diễn ra trong trình duyệt. Ảnh không được gửi đến ColourPicker.app hoặc dịch vụ ảnh bên ngoài và không được lưu trên máy chủ. Pixel thực tế trong suốt bị bỏ qua, nên nền PNG trong suốt không trở thành màu chủ đạo sai.
Lựa chọn 3, 5 hoặc 8 màu là mức tối đa. Ảnh đơn giản có thể có ít màu hiển thị riêng biệt hơn; công cụ trả về bảng màu nhỏ hơn mà không nhân đôi hay bịa thêm màu.
Câu hỏi thường gặp
- Làm thế nào để tạo bảng màu từ hình ảnh?
- Tải lên, kéo thả hoặc dán ảnh. Công cụ nhóm các màu chủ đạo hiển thị thành bảng màu 3, 5 hoặc 8 màu.
- Trình trích xuất bảng màu ảnh là gì?
- Đó là công cụ tóm tắt màu hiển thị chủ đạo của toàn bộ ảnh thành bảng màu đại diện nhỏ hơn.
- Tôi có thể sao chép HEX, RGB hoặc biến CSS không?
- Có. Sao chép từng giá trị, toàn bộ HEX theo dòng hoặc cả bảng màu dưới dạng biến CSS.
- Ảnh có được tải lên hoặc lưu lại không?
- Không. Ảnh được giải mã và phân tích cục bộ trong trình duyệt.
- Vì sao bảng màu nhỏ hơn lựa chọn?
- Ảnh có thể có ít màu hiển thị riêng biệt hơn. Công cụ không nhân đôi màu và bỏ qua pixel trong suốt.