JSON và YAML
Chuyển đổi giữa JSON và YAML.
Chuyển đổi màu
Chuyển đổi 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 đó ở dạng HEX, RGB, HSL, HSV và CMYK.
- 3Sao chép định dạng bạn cần.
- 4Xem các dòng tương phản để biết chữ trắng hay chữ đen đọc được trên màu này.
Các tùy chọn có tác dụng gì
- Đầu vào hợp lệ
- #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() 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 đạt AA cho chữ thường, 3:1 cho chữ lớn.
Quyền riêng tư
Mọi thứ chạy ngay trong trình duyệt. Không có gì bạn gõ được gửi đến máy chủ.
Câu hỏi thường gặp
Giá trị CMYK có chính xác để in không?
Không. Đó là phép chuyển đổi toán học đơn giản từ RGB. Máy in dùng hồ sơ màu, nên bản in thử ở tiệm sẽ trông khác, nhất là với xanh dương và xanh lá sáng.
HSL và HSV khác nhau thế nào?
Cả hai đều mô tả sắc độ, độ bão hòa và một trục độ sáng. Trong HSL, độ sáng 100 phần trăm luôn là màu trắng. Trong HSV, giá trị 100 phần trăm là phiên bản sáng nhất của màu. Công cụ thiết kế thường dùng HSV, còn CSS dùng HSL.
Mã hex tám chữ số có nghĩa gì?
Hai chữ số cuối là độ trong suốt, từ 00 (trong) đến ff (đặc). #4f46e580 đục khoảng 50 phần trăm.
Sao tên màu không hoạt động?
Chỉ các màu có tên trong CSS mới được nhận diện, như tomato hoặc rebeccapurple. Tên từ công cụ thiết kế thì không.
Tôi cần độ tương phản bao nhiêu?
WCAG AA yêu cầu 4.5:1 cho chữ nội dung và 3:1 cho chữ lớn và các thành phần giao diện. AAA yêu cầu 7:1 cho chữ nội dung.