Cách chuyển đổi một màu
- Chạm vào ô màu để chọn một màu, hoặc nhập vào ô văn bản.
- Bạn có thể nhập bằng HEX (#1e90ff), rgb(), hsl() hoặc tên tiếng Anh.
- Xem màu ở phần xem trước cùng các giá trị tương đương HEX, RGB, HSL và CMYK.
- Sao chép định dạng bạn cần và kiểm tra độ tương phản với chữ trắng hoặc đen.
Công cụ này dùng để làm gì
Nhà thiết kế và lập trình viên thường xuyên phải đổi màu từ định dạng này sang định dạng khác: HEX từ bảng màu, rgb() trong tệp CSS, HSL để tạo các biến thể sáng hoặc tối hơn. Công cụ này làm việc đó chỉ trong một bước.
Công cụ cũng tính độ tương phản của màu với chữ trắng và chữ đen theo hướng dẫn về khả năng tiếp cận WCAG: 4,5:1 để đạt mức AA và 7:1 để đạt mức AAA với chữ cỡ thường.
CMYK là phép chuyển đổi đơn giản, hữu ích để tham khảo; với in ấn chuyên nghiệp, nên dùng hồ sơ màu của phần mềm thiết kế của bạn.
Những điều cần lưu ý
- CMYK được tính từ RGB theo công thức tiêu chuẩn, không có hồ sơ màu, nên có thể khác với màu bạn thấy khi in.
- Tên màu dùng tiếng Anh (red, tomato, navy…).
- Bộ chọn màu có sẵn của trình duyệt có thể hiển thị khác nhau tùy trình duyệt và thiết bị.
Câu hỏi thường gặp
Làm sao đổi từ HEX sang RGB?
Nhập HEX (ví dụ #1e90ff) và công cụ hiển thị ngay rgb() tương đương, cùng với HSL và CMYK.
Độ tương phản WCAG là gì?
Là thước đo mức độ dễ đọc của chữ trên một nền. Tỷ lệ 4,5:1 đạt mức AA và 7:1 đạt mức AAA, với chữ cỡ thường.
Có hỗ trợ màu trong suốt không?
Có: bạn có thể nhập #rrggbbaa, rgba() hoặc hsla() và độ trong suốt cũng được hiển thị.
Có gửi gì lên máy chủ không?
Không. Mọi thứ được tính trong trình duyệt của bạn.
Có miễn phí không?
Có, miễn phí, không cần đăng ký và chạy trực tiếp trong trình duyệt.