Xưởng màu là gì?
Xưởng màu là công cụ trực tuyến giúp bạn nhanh chóng tạo bảng màu, gradient và kiểm tra độ tương phản giữa các màu. Tất cả đều thực hiện trên trình duyệt, tối ưu cho thiết bị di động.
Tính năng chính
- text-input: Nhập mã màu HEX, RGB hoặc tên màu để tạo bảng.
- copy: Sao chép mã màu hoặc CSS gradient chỉ với một lần nhấp.
- preview: Xem trước màu trên nền sáng và tối, kiểm tra độ tương phản ngay lập tức.
Các bước cơ bản
- Mở Xưởng màu trên trình duyệt di động.
- Nhập mã màu hoặc tên màu vào ô *Nhập màu*.
- Chọn *Thêm vào bảng* để tạo danh sách màu.
- Nhấn *Xem trước* để kiểm tra độ tương phản trên nền sáng và tối.
- Sử dụng nút *Sao chép* để lấy mã màu hoặc CSS gradient cho dự án.
Ví dụ ngắn
Nhập #ff5722, nhấn *Thêm vào bảng*, sau đó chọn *Xem trước*. Bạn sẽ thấy màu này trên nền trắng và đen, cùng với chỉ số tương phản (WCAG) để quyết định sử dụng.
Lưu ý quan trọng
- Đảm bảo màu đáp ứng tiêu chuẩn WCAG AA/AAA cho văn bản.
- Sao chép mã màu đúng định dạng (HEX, RGB, HSL) để tránh lỗi trong CSS.
- Kiểm tra trên cả nền sáng và tối để đảm bảo tính linh hoạt.
Câu hỏi thường gặp
Xưởng màu có hỗ trợ tạo gradient không?
Có, bạn có thể nhập nhiều màu và nhấn "Tạo gradient" để nhận mã CSS gradient.
Công cụ có kiểm tra độ tương phản WCAG không?
Có, sau khi xem trước, Xưởng màu hiển thị chỉ số tương phản và mức độ đáp ứng WCAG.
Có thể sao chép mã màu dưới dạng HEX và RGB cùng lúc không?
Có, nút "Sao chép" cho phép bạn chọn định dạng muốn sao chép.
Xưởng màu có hoạt động offline không?
Công cụ yêu cầu kết nối internet vì dữ liệu được xử lý trên server.