Chuyển đổi màu

HEX ↔ RGB ↔ HSL kèm bảng chọn màu

Đang tải…

Công cụ này có hữu ích không?

About this tool

Công cụ này chuyển đổi mã màu HEX sang giá trị RGB và HSL, và tính xem chữ trắng hay chữ đen dễ đọc hơn trên nền đó. Nó cũng hiển thị một bảng màu sáu bậc giữ nguyên cùng tông màu và độ bão hòa trong khi chỉ thay đổi độ sáng, tiện lợi khi chọn sắc độ thiết kế.

How to use

  1. Nhấp vào bộ chọn màu hoặc gõ trực tiếp giá trị HEX (cả 3 chữ số và 6 chữ số đều dùng được).
  2. RGB, HSL và một ký hiệu thân thiện với biến CSS (R G B cách nhau bằng khoảng trắng) xuất hiện ngay bên dưới.
  3. Nhấp vào bất kỳ biến thể độ sáng nào trong sáu biến thể của cùng tông màu để chuyển sang màu đó.
  4. Bên dưới ô xem trước, kiểm tra xem chữ trắng hay chữ đen có độ tương phản cao hơn, và xem tỷ lệ tương phản chính xác.

Frequently asked questions

Công cụ này hỗ trợ những định dạng màu nào?
Nó nhận HEX (3 hoặc 6 chữ số) làm đầu vào và chuyển đổi sang RGB, HSL, và một ký hiệu "R G B" cách nhau bằng khoảng trắng dùng cho biến CSS (như trong rgb(var(--x) / 0.5)). Các định dạng in ấn như CMYK không được hỗ trợ.
Tỷ lệ tương phản được tính như thế nào?
Nó tính độ chói tương đối của từng màu bằng công thức WCAG, sau đó so sánh với nền trắng và đen để có tỷ lệ tương phản. Số càng lớn nghĩa là độ tương phản càng cao và chữ càng dễ đọc.
Sáu biến thể độ sáng được tạo ra như thế nào?
Chúng giữ nguyên tông màu (H) và độ bão hòa (S) của màu đầu vào, chỉ thay đổi độ sáng (L) theo 90/75/60/45/30/15% để tạo bảng màu sáu bậc.
Giá trị màu tôi nhập có được gửi đến máy chủ không?
Không. Toàn bộ việc chuyển đổi và tính toán độ tương phản diễn ra trong trình duyệt của bạn và không bao giờ được gửi đến máy chủ.

Công cụ tương tự