Kiểm tra tương phản màu
Đo tương phản theo WCAG 2.2 với xem trước và kết quả AA, AAA riêng cho chữ cỡ thường và chữ lớn.
Chuyển đổi màu
Đổi HEX, RGB và HSL cùng độ trong suốt, xem mẫu màu và sao chép giá trị CSS.
Sửa HEX, RGB hoặc HSL. Các định dạng còn lại và màu xem trước sẽ cập nhật đồng thời.
Giới thiệu công cụ
Đưa màu thiết kế sang CSS từ định dạng đang có. Công cụ xử lý sRGB, không chuyển CMYK hoặc màu pha riêng cho in ấn.
Cách sử dụng
Nhập màu hoặc dùng bộ chọn rồi chỉnh độ đục. Hỗ trợ HEX 3, 4, 6, 8 chữ số và RGB/HSL có alpha. Kênh RGB dùng 0–255 hoặc phần trăm; độ bão hòa và độ sáng HSL dùng phần trăm. Giá trị ngoài phạm vi bị từ chối. Không chuyển CMYK hay không gian màu dải rộng.
HEX, RGB và HSL có ô chỉnh sửa riêng. Thay một ô sẽ cập nhật hai ô còn lại, giữ nguyên văn bản và con trỏ của ô đang nhập. Giá trị chưa hoàn chỉnh hoặc sai được đánh dấu; chưa thể sao chép cho đến khi sửa.
Câu hỏi thường gặp
Alpha nằm ở đâu trong HEX tám chữ số?
CSS dùng #RRGGBBAA, hai chữ số cuối là alpha. Thứ tự này khác ARGB của một số phần mềm. RGB và HSL cũng có thể chứa độ trong suốt.
Có thể nhập những dạng màu CSS nào?
Các dạng hiện đại như rgb(255 0 0 / 50%) và hsl(0 100% 50%) được hỗ trợ. Dạng cũ dùng dấu phẩy cũng được, nhưng không trộn cú pháp dấu phẩy với dấu gạch chéo. Tên màu và CMYK không được hỗ trợ.
Tại sao độ trong suốt 50% hơi thay đổi khi chuyển sang HEX?
Kênh alpha trong HEX chỉ có 256 mức. Giá trị 0,5 được làm tròn thành 80, tương ứng chính xác với 128/255. Nếu cần giữ alpha dạng thập phân, dùng đầu ra RGB hoặc HSL thay vì HEX tám chữ số.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0