Trình tạo công cụ thực tế
Trình tạo bảng màu
Tạo bảng màu hài hòa, dễ tiếp cận từ màu gốc, ảnh hoặc ý tưởng ngẫu nhiên.
HEX · RGB · HSL · OKLCH · WCAG
Xưởng bảng màu
Tạo bảng màu hài hòa, dễ tiếp cận từ màu gốc, ảnh hoặc ý tưởng ngẫu nhiên.
Bảng màu của bạn
Bấm vào mã để sao chép. Khóa hoặc sắp xếp lại màu trước khi tạo lại.
Kéo thẻ hoặc dùng nút mũi tên để sắp xếp lại.
Xem trước giao diện
Hệ thống hình ảnh rõ ràng hơn
Thử bảng màu trên thẻ thực tế có điều hướng, văn bản và nút.
Khả năng tiếp cận và độ tương phản
Bảng tương phản
Xem trước thị giác màu
Chỉ là mô phỏng gần đúng; hãy thử với người dùng thật và không chỉ dựa vào màu sắc.
Trình tạo dải màu
Xuất bảng màu
Chọn một hòa sắc
Bảng đơn sắc biến đổi một sắc độ. Màu tương đồng nằm gần nhau; chế độ bổ túc, bộ ba và bộ bốn dùng quan hệ sắc độ rộng hơn.
Kiểm tra khả năng tiếp cận
Kết quả WCAG có cả nhãn chữ. Văn bản thường cần 4,5:1 cho AA, văn bản lớn cần 3:1.
Dùng đúng định dạng
HEX và RGB được hỗ trợ rộng rãi, HSL dễ điều chỉnh, còn OKLCH cho độ sáng và sắc độ đồng đều hơn về cảm nhận.
Câu hỏi về trình tạo bảng màu
Hòa sắc là gì?
Đó là mối quan hệ có thể lặp lại giữa các sắc độ, chẳng hạn màu tương đồng, bổ túc hoặc bộ ba.
Làm sao tạo bảng màu dễ tiếp cận?
Kiểm tra độ tương phản chữ và nền, không chỉ dựa vào màu và thử cả trạng thái tương tác.
Ảnh có được gửi lên máy chủ không?
Không. Việc trích màu chạy cục bộ trong trình duyệt và ảnh không được tải lên.
Nên dùng định dạng xuất nào?
Dùng CSS cho trang web, SCSS cho biểu định kiểu, JSON cho ứng dụng hoặc PNG làm mẫu trực quan.
Thú cưng, thư mục công cụ trang web & kỹ thuật số
Cần một thú cưng hoặc công cụ kỹ thuật số khác?
Duyệt qua bộ sưu tập vật nuôi, kỹ thuật số và công cụ trang web cho tuổi chó, tuổi mèo, thức ăn cho chó, thức ăn cho mèo, ước tính liều lượng vật nuôi, bảng màu, lưu trữ dữ liệu, mật độ điểm ảnh và chuyển đổi RGB sang HEX.