Bảng Màu – Chọn Màu, Mã Màu HEX/RGB & Phối Màu Online

AmazingUX là công cụ bảng màu miễn phí: nhập một mã màu để quy đổi ngay sang HEX, RGB, HSL, CMYK, kiểm tra độ tương phản theo WCAG 2.2, và chọn trong 24 bảng phối màu hài hoà dựng sẵn để dùng ngay.

Chọn màu

Hoặc nhập mã HEX

Đang tính độ tương phản…

Mã màu tính trực tiếp trên trình duyệt của bạn bằng công thức chuẩn, không gửi lên máy chủ. Màu hiển thị trên màn hình chỉ gần đúng so với màu in/sơn thực tế.

Bảng phối màu hài hoà dựng sẵn

Bổ túc Đỏ san hô Bổ túc

Bổ túc Cam đất nung Bổ túc

Bổ túc Vàng mật ong Bổ túc

Bổ túc Xanh chanh Bổ túc

Bổ túc Xanh lá rừng Bổ túc

Bổ túc Ngọc lục bảo Bổ túc

Tương đồng Xanh chanh Tương đồng

Tương đồng Xanh lá rừng Tương đồng

Tương đồng Ngọc lục bảo Tương đồng

Tương đồng Xanh biển Tương đồng

Tương đồng Xanh dương Tương đồng

Tương đồng Chàm Tương đồng

Bộ ba Xanh biển Bộ ba

Bộ ba Xanh dương Bộ ba

Bộ ba Chàm Bộ ba

Bộ ba Tím oải hương Bộ ba

Bộ ba Hồng mẫu đơn Bộ ba

Bộ ba Hồng đào Bộ ba

Đơn sắc Đỏ san hô Đơn sắc

Đơn sắc Cam đất nung Đơn sắc

Đơn sắc Vàng mật ong Đơn sắc

Đơn sắc Xanh chanh Đơn sắc

Đơn sắc Xanh lá rừng Đơn sắc

Đơn sắc Ngọc lục bảo Đơn sắc

AmazingUX có gì

Mã màu

Chuyển đổi HEX, RGB, HSL, CMYK chính xác bằng công thức chuẩn, chạy ngay trên trình duyệt.

Bảng phối màu

24 bảng 5 màu hài hoà: bổ túc, tương đồng, bộ ba, đơn sắc — chọn và dùng ngay.

UI/UX là gì

Kiến thức UX/UI cơ bản, dễ hiểu, dẫn nguồn từ tài liệu thiết kế có thẩm quyền.

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

Công cụ bảng màu có lưu mã màu tôi nhập không?

Không gửi lên máy chủ. Mọi tính toán chạy trên trình duyệt của bạn; nếu bạn lưu bảng màu, dữ liệu nằm trong localStorage trên máy bạn.

Mã màu trên AmazingUX có chính xác với màu in/sơn không?

Mã màu tính đúng theo công thức HEX/RGB/HSL/CMYK, nhưng màu hiển thị trên màn hình chỉ gần đúng — với in ấn hoặc sơn, nên đối chiếu quạt màu gốc (RAL, Pantone).

Độ tương phản đạt AA nghĩa là gì?

Là mức tỉ lệ tương phản tối thiểu 4.5:1 giữa chữ và nền theo chuẩn WCAG 2.2 cho văn bản cỡ thường, giúp người đọc dễ nhìn hơn.

Bài viết trên blog

Ngoài công cụ bảng màu, AmazingUX có thêm các bài viết kiến thức UX/UI trên blog, cập nhật dần theo thời gian.

Góp ý & báo lỗi công cụ

Thấy mã màu tính sai, hoặc muốn đề nghị thêm bảng phối màu? Gửi qua trang Liên hệ của AmazingUX, ghi rõ mã màu đã nhập và kết quả bạn thấy. Góp ý được duyệt sẽ hiện kèm ngày, không dùng bộ đếm lượt xem giả.