Chuyển đổi màu giữa các định dạng
Nhập màu ở bất kỳ định dạng CSS nào — mã HEX như #3B82F6 hoặc #38F, rgb() hoặc rgba(), hsl(), hay tên màu như tomato — hoặc chọn bằng bộ chọn màu. Công cụ hiển thị cùng màu đó dưới dạng HEX, RGB, HSL, HSV và CMYK, sẵn sàng để sao chép vào CSS, công cụ thiết kế hay thiết lập in.
Công cụ cũng cho biết chữ trắng hoặc chữ đen dễ đọc đến mức nào trên màu đó, dưới dạng tỷ lệ tương phản WCAG: từ 4.5:1 trở lên đạt mức AA cho văn bản thường. Màu được trình duyệt đọc chính xác như cách CSS đọc.
Tại sao nên dùng công cụ chuyển đổi màu này?
- HEX, RGB, HSL, HSV và CMYK ở cùng một nơi
- Chấp nhận mọi định dạng màu CSS và tên màu
- Hỗ trợ độ trong suốt (alpha)
- Độ tương phản WCAG với chữ trắng và chữ đen
Cách chuyển đổi màu
- Nhập hoặc dán màu, hoặc chọn màu bằng bộ chọn màu
- Xem màu ở mọi định dạng bên cạnh bản xem trước
- Nhấn nút sao chép bên cạnh định dạng bạn cần
Câu hỏi thường gặp
Công cụ chuyển đổi màu này có miễn phí không?
Có, công cụ hoàn toàn miễn phí và hoạt động trong trình duyệt của bạn.
RGB, HSL và HSV khác nhau thế nào?
RGB pha trộn ánh sáng đỏ, xanh lá và xanh dương (mỗi kênh 0–255). HSL và HSV mô tả cùng một màu bằng sắc độ (0–360°), độ bão hòa và độ sáng (lightness hoặc value), giúp dễ tạo các biến thể sáng hơn, tối hơn hoặc dịu hơn.
Tỷ lệ tương phản có nghĩa là gì?
Nó so sánh độ sáng của màu chữ và màu nền (WCAG 2). Văn bản thường cần tỷ lệ tối thiểu 4.5:1 ở mức AA, văn bản cỡ lớn cần 3:1; tỷ lệ càng cao thì càng dễ đọc.
Có dữ liệu nào được gửi đến máy chủ không?
Không. Mọi thứ đều được tính toán trong trình duyệt của bạn.