Nano Banana 2.1 RA MẮT — Mới nhất từ Google | Dùng thử →
Đăng nhập
WAVESPEED AI CÔNG CỤ CHỌN MÀU Chạy trong trình duyệt
100% MIỄN PHÍ

Công cụ chọn màu onlineChọn, chuyển đổi, kiểm tra và xuất màu.

Chọn màu từ bánh xe màu, màn hình hoặc bất kỳ bức ảnh nào, và sao chép dưới dạng HEX, RGB, HSL, HSV, OKLCH hoặc CMYK.
Tạo phối màu hài hòa và thang sắc độ, kiểm tra độ tương phản chữ, xem qua mắt người mù màu và xuất code sẵn sàng để dán.

Lấy màu từ mọi ảnhTích hợp kiểm tra độ tương phảnCode CSS, Tailwind, Swift & Android
Không cần đăng ký Không tải lên Không watermark

Đang tải công cụ chọn màu…

Màu sắc và ảnh chỉ nằm trên thiết bị của bạn.
BA BƯỚC ĐƠN GIẢN

Cách dùng công cụ chọn màu

01

Chọn màu

Kéo trên bánh xe màu, nhập hoặc dán bất kỳ mã màu nào, dùng công cụ hút màu, hoặc mở ảnh và nhấp vào một điểm ảnh.

02

Tinh chỉnh và sao chép

Điều chỉnh bằng thanh trượt RGB, HSL, HSV, OKLCH hoặc CMYK và sao chép giá trị bạn cần chỉ với một cú nhấp.

03

Tạo và xuất

Tạo phối màu hài hòa hoặc thang sắc độ, kiểm tra độ tương phản và mù màu, rồi sao chép hoặc tải code cho dự án của bạn.

CẦN BIẾT

Mẹo chọn màu

Vài thói quen giúp bảng màu dễ dùng và dễ đọc hơn.

Kiểm tra độ tương phản chữ sớm

Chữ nội dung cần ít nhất 4.5:1 so với nền để đạt WCAG AA, chữ lớn cần 3:1. Công cụ kiểm tra sẽ gợi ý màu gần nhất đạt chuẩn.

Dùng OKLCH cho thang đều

Độ sáng OKLCH khớp với cảm nhận của mắt, nên thang màu tạo bằng OKLCH chuyển đều từ sáng sang tối mà không bị đục ở giữa.

Đừng chỉ dựa vào màu sắc

Nhiều người nhìn đỏ và xanh lá giống nhau. Xem trước bảng màu ở tab mù màu và thêm nhãn hoặc icon ở chỗ cần truyền đạt ý nghĩa.

Lấy trung bình khi chọn màu từ ảnh

Ảnh chụp nhìn gần có nhiều nhiễu. Mẫu 3×3 hoặc 5×5 cho ra màu bạn thấy thay vì một điểm ảnh lạc lõng.

Bắt đầu bảng màu từ một bức ảnh

Mở bức ảnh bạn thích và trích xuất 5 đến 8 màu. K-means tìm các màu chính; median cut giữ lại các điểm nhấn nhỏ.

CMYK ở đây chỉ là ước tính

Màu in phụ thuộc vào giấy và máy in. Dùng giá trị CMYK làm điểm khởi đầu và kiểm tra với profile của nhà in.

WaveSpeed AI

Biến bảng màu thành hình ảnh

Tạo hình ảnh và video theo màu thương hiệu từ một câu prompt với WaveSpeed AI.

Bắt đầu sáng tạo Khám phá hơn 1.000 mô hình AI
  • Hơn 1.000 mô hình AI
  • Hình ảnh, video và 3D
  • Dùng bao nhiêu trả bấy nhiêu

$1 tín dụng miễn phí cho tài khoản mới đủ điều kiện. Không cần thẻ. Các công cụ tạo nội dung có yêu cầu tài khoản và credit riêng. Riêng công cụ chọn màu thì miễn phí.

Câu hỏi thường gặp về công cụ chọn màu

Làm sao để lấy màu từ một bức ảnh?

Mở tab Ảnh, chọn ảnh chụp hoặc ảnh chụp màn hình (hoặc dán vào), rồi nhấp hoặc chạm vào bất kỳ điểm ảnh nào. Kính lúp cho thấy chính xác điểm ảnh bạn đang trỏ, và bạn có thể lấy trung bình vùng từ 3×3 đến 11×11. Ảnh được đọc trong trình duyệt và chỉ nằm trên thiết bị của bạn.

Tôi có thể lấy màu từ bất kỳ đâu trên màn hình không?

Có, trên các trình duyệt hỗ trợ công cụ hút màu (Chrome, Edge và các trình duyệt Chromium khác trên máy tính). Nhấp Hút màu rồi nhấp vào bất kỳ điểm ảnh nào trên màn hình, kể cả bên ngoài cửa sổ trình duyệt. Trên trình duyệt khác, hãy chụp màn hình và dán vào tab Ảnh.

Làm sao để chuyển HEX sang RGB?

Nhập hoặc dán mã HEX vào ô màu và giá trị RGB sẽ hiện ra bên dưới, sẵn sàng để sao chép. Để chuyển nhiều màu cùng lúc, dán mỗi dòng một màu vào tab Chuyển đổi và chọn định dạng đầu ra.

Hỗ trợ những định dạng màu nào?

HEX (3, 4, 6 và 8 chữ số), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab và CMYK, cùng tất cả tên màu CSS. Bạn có thể dán giá trị có hoặc không có tên hàm, ví dụ “255, 87, 51”.

OKLCH là gì và vì sao nên dùng?

OKLCH mô tả màu theo độ sáng cảm nhận, độ rực (chroma) và sắc độ. Các bước bằng nhau trông bằng nhau, nên rất lý tưởng cho thang sắc độ và bảng màu nhất quán, và được hỗ trợ trong CSS hiện đại dưới dạng oklch().

Công cụ kiểm tra độ tương phản hoạt động như thế nào?

Công cụ tính tỷ lệ tương phản WCAG 2 giữa chữ và nền, cho biết có đạt AA và AAA cho chữ thường, chữ lớn và thành phần giao diện hay không. Nó cũng hiển thị độ tương phản độ sáng APCA (Lc) từ bản nháp WCAG 3 và gợi ý màu gần nhất đạt chuẩn.

Làm sao để tạo bảng màu?

Chọn một màu gốc, rồi dùng Phối màu cho các cách phối bổ túc, bộ ba và khác, hoặc Sắc độ cho tint, shade và thang 50–950. Bạn cũng có thể trích xuất bảng màu từ ảnh. Lưu màu yêu thích và xuất chúng thành code.

Tôi có thể xuất màu cho Tailwind, SwiftUI hoặc Android không?

Có. Tab Xuất viết bảng màu của bạn dưới dạng biến CSS, SCSS, Tailwind v4 @theme hoặc config v3, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, bảng màu GIMP hoặc danh sách mã hex thuần. Sao chép hoặc tải tệp xuống.

Công cụ chọn màu này có miễn phí không?

Có. Miễn phí, không cần đăng ký, không giới hạn và không watermark, mọi thứ chạy trong trình duyệt của bạn.

Thêm công cụ miễn phí tương tự

Tất cả công cụ miễn phí

Chọn màu tiếp theo của bạn

Miễn phí, riêng tư và sẵn sàng ngay trong trình duyệt.

Mở công cụ chọn màu