Bộ chọn màu

Chọn một màu, xem các giá trị HEX, RGB và HSL, đồng thời tạo các màu hài hòa và biến thể liên quan ngay trong trình duyệt.

Chọn một màu

Chọn một màu

Hài hòa màu sắc

Biến thể màu

Màu sáng hơn

Màu tối hơn

Tông màu

What this tool does

Bộ chọn màu cho phép bạn chọn màu bằng bộ điều khiển màu gốc hoặc giá trị HEX và xem các giá trị RGB, HSL tương ứng.

Công cụ tính các màu hài hòa liên quan cùng những biến thể sáng hơn, tối hơn và trung tính hơn từ màu đã chọn.

How to use the tool

  1. Chọn một màu bằng bộ điều khiển màu hoặc nhập giá trị HEX đầy đủ.
  2. Chọn loại hài hòa để xem các màu liên quan từ cùng một phép tính HSL.
  3. Nhấp vào giá trị màu trong bảng màu để sao chép vào bộ nhớ tạm.

Useful applications

  • Ghi lại màu cơ bản của thiết kế cùng các giá trị HEX, RGB và HSL tương ứng.
  • Chọn màu nhấn hoặc màu hỗ trợ ban đầu cho giao diện dựa trên hài hòa bổ sung hoặc bộ ba.
  • Chuẩn bị các giá trị sáng hơn và tối hơn cho nền, đường viền hoặc các thành phần được nhấn mạnh.

Notes and limitations

  • Bản xem trước dùng các giá trị màu thông thường của trình duyệt và không xét đến hồ sơ riêng của màn hình, máy in hoặc ICC.
  • Các bảng màu được tính toán không kiểm tra độ tương phản hoặc khả năng tiếp cận. Hãy kiểm tra riêng các tổ hợp văn bản và nền quan trọng.

Frequently asked questions

Các bảng màu được đề xuất có tự động dễ tiếp cận không?

Không. Màu hài hòa và biến thể được tính từ các giá trị màu. Hãy kiểm tra độ tương phản thực tế của mọi tổ hợp văn bản và nền bạn định sử dụng.