miễn phí
Trình tạo bảng màu
Tạo bảng màu hài hòa.Khám phá các sơ đồ bổ sung, tương tự, bộ ba.Xuất dưới dạng CSS, Tailwind hoặc hình ảnh.
Các tập tin của bạn không bao giờ rời khỏi thiết bị của bạn
Còn 10:00
#B0E24B
rgb(176, 226, 75)
hsl(80°, 72%, 59%)
#EB6F99
rgb(235, 111, 153)
hsl(340°, 76%, 68%)
#21779C
rgb(33, 119, 156)
hsl(198°, 65%, 37%)
#91E45E
rgb(145, 228, 94)
hsl(97°, 71%, 63%)
#E65673
rgb(230, 86, 115)
hsl(348°, 74%, 62%)
Mở khóa giới hạn
Nhận quyền truy cập không giới hạn vào tất cả các công cụ và tính năng cao cấp để tăng cường quy trình làm việc của bạn.
Nâng cấp lên ProTrình tạo bảng màu là gì?
Trình tạo bảng màu miễn phí của StackPro giúp các nhà thiết kế và nhà phát triển tạo ra các phối màu đẹp, hài hòa trong vài giây.Bắt đầu từ bất kỳ màu cơ bản nào và khám phá sự hài hòa bổ sung, tương tự, ba màu và đơn sắc.Khóa các màu bạn yêu thích, điều chỉnh từng sắc thái bằng bộ chọn trực quan, kiểm tra tỷ lệ tương phản để biết khả năng truy cập và xuất ở các định dạng dành cho nhà phát triển như thuộc tính tùy chỉnh CSS, cấu hình Tailwind hoặc biến SCSS.
Cách sử dụng Trình tạo bảng màu
- Chọn màu cơ bản bằng bộ chọn màu hoặc nhập giá trị hex.
- Chọn chế độ hòa âm (bổ sung, tương tự, ba, v.v.).
- Tinh chỉnh từng màu riêng lẻ bằng cách nhấp vào bất kỳ mẫu màu nào.
- Khóa màu bạn thích và nhấn "Tạo" để có các biến thể mới.
- Xuất bảng màu cuối cùng dưới dạng CSS, Tailwind, SCSS hoặc tải xuống dưới dạng PNG.
Tính năng
- Nhiều chế độ hòa âm: bổ sung, tương tự, ba, bốn, đơn sắc
- Bộ chọn màu trực quan với đầu vào hex, RGB và HSL
- Khóa màu để xây dựng bảng màu lặp lại
- Kiểm tra tỷ lệ tương phản WCAG
- Xuất dưới dạng thuộc tính tùy chỉnh CSS, Tailwind hoặc SCSS
- Tải xuống bảng màu dưới dạng hình ảnh PNG
- Lịch sử bảng màu và mục yêu thích
- 100% xử lý phía khách hàng
Câu hỏi thường gặp
Có những chế độ hòa hợp màu nào?▼
Tạo các bảng màu bằng cách sử dụng sự hài hòa màu bổ sung, tương tự, bộ ba, bộ bốn, bổ sung tách và đơn sắc.Bạn cũng có thể tạo các bảng màu tùy chỉnh hoàn toàn bằng cách chọn từng màu riêng lẻ.
Tôi có thể xuất bảng màu để phát triển không?▼
Đúng!Xuất bảng màu của bạn dưới dạng thuộc tính tùy chỉnh CSS, cấu hình CSS Tailwind, biến SCSS hoặc dưới dạng hình ảnh PNG có thể tải xuống.Mỗi định dạng đã sẵn sàng để dán vào dự án của bạn.
Làm cách nào để tìm thấy các kết hợp màu có thể truy cập?▼
Trình tạo bao gồm trình kiểm tra độ tương phản giúp đánh giá tỷ lệ tương phản WCAG 2.0 giữa hai màu bất kỳ trong bảng màu của bạn, giúp bạn đảm bảo khả năng đọc văn bản và tuân thủ khả năng truy cập.
Tôi có thể khóa màu trong khi tạo bảng màu mới không?▼
Đúng!Khóa bất kỳ màu nào bạn thích, sau đó tạo lại - chỉ những màu đã mở khóa mới thay đổi.Điều này cho phép bạn lặp đi lặp lại việc xây dựng bảng màu hoàn hảo xung quanh màu sắc thương hiệu của mình.