Tạo bảng màu
Công cụ tạo bảng màu miễn phí: tạo bảng màu hài hòa (tương đồng, bổ túc, bộ ba và hơn thế), khóa những màu bạn thích và xuất mã HEX hoặc CSS.
Xem thêm: Lấy bảng màu từ ảnh và chọn màu · Kiểm tra độ tương phản màu
Công cụ này làm gì
Công cụ này tạo bảng màu cho website, ứng dụng, bài thuyết trình và thiết kế. Chọn một kiểu phối màu để tạo các màu hợp nhau từ một màu gốc, hoặc nhấn phím cách để có bảng màu ngẫu nhiên, và khóa những màu bạn thích để chỉ các màu còn lại thay đổi. Màu được tính trong không gian màu OKLCH, giữ nguyên độ sáng cảm nhận ngay cả khi sắc độ thay đổi, nên bảng màu trông cân đối. Sao chép màu dưới dạng HEX, biến CSS hoặc JSON, hoặc chia sẻ bảng màu bằng một liên kết.
Cách sử dụng
- Chọn kiểu phối màu và màu gốc, hoặc giữ Ngẫu nhiên.
- Nhấn phím cách hoặc Tạo cho đến khi bạn ưng bảng màu; khóa những màu muốn giữ.
- Nhấp vào mã màu để sao chép, hoặc sao chép cả bảng màu dưới dạng HEX, CSS hoặc JSON.
Câu hỏi thường gặp
Các kiểu phối màu có nghĩa là gì?
Đó là những cách phối kinh điển trên vòng tròn màu. Tương đồng dùng các sắc màu kề nhau cho cảm giác dịu mắt; bổ túc dùng các sắc màu đối diện để tạo tương phản mạnh; bộ ba và bộ bốn chia đều ba hoặc bốn sắc màu; bổ túc xen kẽ làm dịu cặp bổ túc; đơn sắc dùng một sắc màu với nhiều sắc độ.
Vì sao dùng OKLCH mà không phải HSL?
Trong HSL, một màu vàng và một màu xanh dương có cùng giá trị độ sáng lại trông sáng tối rất khác nhau. OKLCH được thiết kế theo cảm nhận của con người, nên khi xoay sắc màu, các màu vẫn sáng như nhau. Chính vì vậy không gian màu này đã được thêm vào CSS.
Tôi có thể kiểm tra màu có dễ đọc không?
Có: hãy dùng công cụ kiểm tra độ tương phản để xem chữ một màu trên nền màu khác có đạt các mức trợ năng WCAG hay không.