Lấy màu từ ảnh

Cách sử dụng Lấy màu từ ảnh

1. 1

   Mở ảnh

   Thả, chọn hoặc dán ảnh chụp màn hình, ảnh hay logo tối đa 25 MB – JPG, PNG, WebP, AVIF, HEIC, GIF hoặc SVG.

2. 2

   Ngắm bằng kính lúp

   Rê chuột hoặc kéo trên ảnh; kính lúp 11 × 11 pixel hiển thị đúng điểm ảnh dưới dấu thập cùng mã HEX của nó.

3. 3

   Nhấp để chọn

   Nhận giá trị HEX, RGB, HSL và OKLCH, mỗi giá trị có nút sao chép riêng. Phím mũi tên dịch dấu thập, Enter để chọn.

4. 4

   Lấy bảng màu

   Chọn từ 5 đến 12 màu chủ đạo rồi sao chép dưới dạng biến CSS, JSON hoặc khối chủ đề Tailwind.

Về Lấy màu từ ảnh

Công cụ chọn màu từ ảnh đọc giá trị chính xác của bất kỳ điểm ảnh nào và biến cả bức ảnh thành bảng màu. Mỗi lần chọn cho ra màu ở bốn kiểu ghi: HEX cho công cụ thiết kế, rgb() và hsl() cho CSS, còn oklch() dành cho xử lý màu CSS hiện đại, nơi độ sáng và độ bão hòa hoạt động đúng như mắt người cảm nhận. Các màu đã chọn được lưu vào lịch sử 24 màu gần nhất ngay trong trình duyệt này nên lần sau vẫn còn; trên Chrome và Edge bản máy tính, Chọn từ màn hình còn lấy được màu bất kỳ bên ngoài trang qua công cụ chấm màu của trình duyệt.

Bảng màu được tính bằng phân cụm k-means trong không gian màu OKLab, trên bản sao của ảnh được thu nhỏ còn tối đa 200 pixel ở cạnh dài nhất. Các cụm giống nhau được gộp lại, điểm ảnh trong suốt bị bỏ qua, và màu được xếp theo mức độ chiếm trong ảnh, với tỷ lệ hiển thị trên từng ô màu. Cùng một ảnh luôn cho ra cùng một bảng màu.

Nhà thiết kế dùng công cụ để lấy màu thương hiệu từ logo, dựng chủ đề từ ảnh, kiểm tra màu chính xác của một nút trong ảnh chụp màn hình hoặc gom bảng cảm hứng. Giá trị là sRGB chuẩn như trình duyệt hiển thị ảnh, nên lỗi nén JPG hoặc nguồn có gam màu rộng có thể làm màu chọn lệch vài đơn vị so với tệp thiết kế gốc. Điểm ảnh bán trong suốt trả về màu không kèm độ trong suốt, và công cụ không đặt tên màu hay kiểm tra tỷ lệ tương phản.

Tính năng

Lấy màu từ ảnh: câu hỏi thường gặp