Bộ Chọn Màu
Chọn màu, trích xuất từ hình ảnh, tạo bảng màu và kiểm tra độ tương phản. Hỗ trợ HEX, RGB, HSL, HSV và CMYK.
Trích Xuất Màu Từ Hình Ảnh
Thả hình ảnh hoặc nhấp để tải lên
Màu Chủ Đạo
Thêm màu vào bảng màu của bạn
Văn bản mẫu kích thước thường (14px)
Văn Bản Mẫu Lớn
Tỷ Lệ Tương Phản
21:1
AA Thường
Đạt
AA Lớn
Đạt
AAA Thường
Đạt
AAA Lớn
Đạt
90°
Khi Nào Sử Dụng Bộ Chọn Màu Này
Công cụ chọn màu miễn phí của chúng tôi giúp nhà thiết kế và lập trình viên làm việc với màu sắc:
-
Thiết Kế Web
Chọn màu hoàn hảo cho trang web và kiểm tra tỷ lệ tương phản để đảm bảo tuân thủ khả năng tiếp cận.
-
Nhận Diện Thương Hiệu
Tạo bảng màu hài hòa cho logo, tài liệu tiếp thị và hướng dẫn thương hiệu.
-
Khớp Màu Hình Ảnh
Trích xuất màu từ ảnh để khớp các yếu tố thiết kế với hình ảnh hiện có.
-
Phát Triển CSS
Tạo gradient CSS và xuất bảng màu dưới dạng thuộc tính tùy chỉnh CSS.
-
Kiểm Tra Khả Năng Tiếp Cận
Xác minh kết hợp màu văn bản và nền đáp ứng tiêu chuẩn WCAG AA và AAA.
Cách Sử Dụng Bộ Chọn Màu
Bắt Đầu
- Nhấp và kéo trên ô vuông màu để chọn độ bão hòa và độ sáng
- Sử dụng thanh trượt sắc độ để thay đổi màu cơ bản
- Điều chỉnh độ mờ bằng thanh trượt alpha nếu cần
- Sao chép bất kỳ định dạng màu nào bằng cách nhấp vào nút sao chép bên cạnh
Tính Năng
- Bộ chọn màu tương tác với xem trước thời gian thực
- Trích xuất màu từ bất kỳ hình ảnh nào bằng công cụ eyedropper
- Tự động tạo các kết hợp màu hài hòa
- Xây dựng bảng màu tùy chỉnh và xuất dưới dạng CSS hoặc JSON
- Kiểm tra độ tương phản màu WCAG cho khả năng tiếp cận
- Tạo gradient CSS với trình chỉnh sửa trực quan
Phím Tắt
- Ctrl+C: Sao chép màu HEX hiện tại
- Ctrl+V: Dán và áp dụng màu từ clipboard
- 1-4: Chuyển đổi giữa các tab tính năng
Mẹo
- Tải lên hình ảnh để tự động trích xuất màu chủ đạo
- Sử dụng kiểm tra độ tương phản để đảm bảo khả năng đọc văn bản
- Xuất bảng màu sang biến CSS để dễ dàng sử dụng trong dự án