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.
Tạo bảng màu
Tạo bảng màu bổ túc, tương đồng, bộ ba hoặc đơn sắc và xuất HEX, CSS hay JSON.
Nhấn vào màu để sao chép HEX. Chữ dùng đen hoặc trắng tùy màu nào có độ tương phản WCAG cao hơn. Các màu không có độ trong suốt.
Giới thiệu công cụ
Khám phá màu cho giao diện rồi chuyển lựa chọn sang tệp kiểu.
Cách sử dụng
Nhập HEX, RGB hoặc HSL hay dùng bộ chọn màu. Chọn cách phối; nhấn ô màu để sao chép HEX. Xuất cả bảng thành biến CSS hoặc mảng JSON.
Cách phối thay đổi sắc độ hoặc độ sáng HSL; kết quả không trong suốt. Nhãn dùng đen hoặc trắng có độ tương phản WCAG cao hơn. Điều này không đảm bảo mọi cặp màu đều dễ đọc; hãy kiểm tra cặp chữ và nền thực tế.
Câu hỏi thường gặp
Mọi cặp màu đều đủ tương phản không?
Không. Mỗi thẻ cho biết tỷ lệ giữa nền và chữ đen hoặc trắng được chọn. Hãy kiểm tra riêng cặp tiền cảnh, hậu cảnh thực tế sử dụng.
Vì sao các kiểu phối màu khác nhau cho cùng những màu xám?
Màu xám có độ bão hòa bằng 0 nên thay đổi sắc màu không tạo khác biệt màu nhìn thấy được. Hãy chọn màu gốc bão hòa hơn khi dùng phối màu bổ túc, tương đồng hoặc bộ ba. Chế độ đơn sắc thay đổi độ sáng nên vẫn có thể tạo các mức xám hữu ích. Màu xuất ra không có độ trong suốt.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0