Chuyển đổi màu

Nhập giá trị màu ở định dạng HEX, RGB hoặc HSL và xem nó được chuyển đổi ngay lập tức sang tất cả các định dạng khác. Mọi xử lý đều diễn ra cục bộ trong trình duyệt của bạn.

Nhập HEX (#rrggbb), RGB (rgb(r,g,b)), hoặc HSL (hsl(h,s%,l%)) - hoặc sử dụng bộ chọn màu.
Đã sao chép!

Độ tương phản trên nền đơn sắc

Trên nền trắng
Trên nền đen

Về các định dạng màu

  • HEX - #rrggbb, định dạng màu CSS phổ biến nhất.
  • RGB - rgb(r, g, b), mỗi kênh từ 0-255.
  • HSL - hsl(h, s%, l%), sắc độ 0-360°, độ bão hòa và độ sáng 0-100%.

Mọi thứ trình duyệt hiểu đều được chấp nhận, kể cả một cái tên như rebeccapurple, mã hex tám chữ số có alpha, và dạng cách nhau bằng dấu cách với dấu gạch chéo trước alpha mà CSS hiện nay dùng. Các con số tương phản theo công thức độ chói tương đối của WCAG, nên tỉ lệ 4.5 là ngưỡng cho văn bản thường ở mức AA và 7 là ngưỡng ở mức AAA. Chúng được tính trên màu đục, vì một màu trong mờ chưa có độ tương phản cố định chừng nào chưa biết phía sau nó là gì.

Công cụ liên quan

Nén / Làm đẹp CSS Chuyển ảnh sang Base64 Công cụ Tạo Mã QR

Mã đánh dấu đang làm khó bạn?

Thực thể bị thoát, mã hoá hỏng và nội dung hiện một kiểu trong CMS còn trên trang lại một kiểu khác thường có nghĩa là đâu đó trong chuỗi xử lý đang đoán. Chúng tôi dựng giao diện và cả đường xuất bản phía sau, để khách xem thấy đúng thứ bạn viết.

Trao đổi về website của bạn

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

Tôi dán được những định dạng màu nào?
Hex ba, bốn, sáu hoặc tám chữ số, rgb và rgba, hsl và hsla, hwb, cùng mọi tên màu của CSS. Cả dạng dùng dấu phẩy lẫn dạng hiện đại cách nhau bằng dấu cách với dấu gạch chéo trước alpha đều được nhận, nên bạn dán thẳng từ tệp kiểu cũng được.
Độ trong suốt được xử lý ra sao?
Kênh alpha sống sót qua quá trình chuyển đổi, nên mã hex tám chữ số quay về dưới dạng rgba và phần xem trước hiện ô cờ phía sau. Alpha chỉ được ghi vào kết quả khi nó thực sự chưa đục hoàn toàn, trừ khi bạn yêu cầu luôn hiển thị.
Các con số tương phản nghĩa là gì?
Đó là tỉ lệ tương phản theo WCAG giữa màu này và một nền trắng hoặc đen thuần. Văn bản thường cần 4.5 để đạt mức AA và 7 để đạt AAA; chữ lớn có ngưỡng thấp hơn. Tỉ lệ dưới 3 thì với hầu hết mọi người, cỡ chữ nào cũng khó đọc.
Vì sao tính tương phản mà bỏ qua alpha?
Vì một màu trong mờ không có độ tương phản cố định. Thứ người đọc thật sự nhìn thấy phụ thuộc vào cái nằm phía sau, nên các con số dùng màu đục. Nếu chữ của bạn đúng là trong mờ, hãy tính ra màu sau khi hoà trộn rồi kiểm tra màu đó.
HSL và HWB khác nhau thế nào?
Cả hai đều bắt đầu từ cùng một góc sắc màu. HSL mô tả một màu bằng độ bão hoà và độ sáng, cặp thông số mà hầu hết công cụ đưa ra. HWB mô tả nó bằng lượng trắng và lượng đen pha vào, gần với cách người ta pha sơn hơn và dễ suy nghĩ hơn khi dựng một thang sắc độ.