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ụ
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.
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ông cụ liên quan
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.
Tạo dải chuyển màu CSS
Thiết kế chuyển màu tuyến tính hoặc xuyên tâm với hai đến tám điểm màu, xem trực tiếp và sao chép CSS.
Tạo bóng CSS
Điều chỉnh độ lệch, độ mờ, độ lan, màu và độ đục để tạo bóng ngoài hoặc trong bằng CSS.
Bình luận
0