Đổi đơn vị
Chiều dài, cân nặng, thể tích, nhiệt độ và nhiều hơn nữa.
Chuyển đổi màu
Chuyển một màu giữa HEX, RGB, HSL, HSV và CMYK, và kiểm tra độ tương phản với chữ.
- HEX
- #4f46e5
- RGB
- rgb(79, 70, 229)
- HSL
- hsl(243, 75%, 59%)
- HSV
- hsv(243, 69%, 90%)
- CMYK
- cmyk(66%, 69%, 0%, 10%)
Độ tương phản chữ (WCAG)
- Chữ trắng trên màu này
- 6.29:1 Đạt AA
- Chữ đen trên màu này
- 3.34:1 Chỉ cho chữ lớn
Tệp của bạn ở lại trên thiết bị
Cách dùng
- 1Gõ một màu ở bất kỳ định dạng nào, hoặc chọn bằng bộ chọn màu.
- 2Đọc cùng màu đó ở mọi định dạng.
- 3Sao chép định dạng bạn cần.
- 4Xem các dòng tương phản để biết chữ trên màu này có đọc được không.
Các tùy chọn có tác dụng gì
- Đầu vào hợp lệ
- #rgb, #rrggbb, #rrggbbaa, rgb(), hsl() và tên màu CSS như tomato.
- Độ tương phản
- Tỷ lệ WCAG so với trắng và đen. 4.5:1 là mức AA cho chữ thường.
Quyền riêng tư
Mọi thứ được tính ngay trong trình duyệt. Không có gì bạn nhập được gửi đến máy chủ.
Câu hỏi thường gặp
Tôi nên dùng định dạng nào trên website?
Định dạng nào cũng dùng được trong CSS. HEX phổ biến nhất và ngắn gọn. HSL dễ chỉnh tay hơn, vì độ sáng và độ bão hòa tách biệt.
Tôi có thể dùng giá trị CMYK để in không?
Chỉ như một hướng dẫn sơ bộ. Tiệm in chuyển đổi bằng hồ sơ màu, và màu sáng trên màn hình thường in ra xỉn hơn.
Số trong mã hex tám chữ số là gì?
Hai chữ số cuối đặt độ trong suốt từ 00 (trong) đến ff (đặc).
Sao màu của tôi không được nhận diện?
Hãy dùng mã HEX hợp lệ, dạng rgb() hoặc hsl(), hay tên màu CSS. Tên từ công cụ khác không phải tên CSS.
Đây có phải cùng công cụ với mục trong Công cụ lập trình không?
Đúng, cùng một bộ chuyển đổi. Nó được liệt kê ở cả hai nơi để bạn tìm thấy từ nơi nào cũng được.