Chế Độ Hài Hòa Màu
Tạo bảng màu sử dụng lý thuyết màu: bổ sung, tương tự, bộ ba, bộ bốn và chia bổ sung.
Free Online Tool
Tạo Bảng Màu - Công Cụ Phối Màu Chuyên Nghiệp
Tạo bảng màu hài hòa ngay lập tức với lý thuyết màu sắc. Xuất ra CSS, Tailwind, Swift. Công cụ online miễn phí.
Palette Settings
0colors
Harmony Mode
Loading color engine...
Number of Colors
0
Min: 2, Max: 10
Export
Save
Press Space to generate
Palette Settings
0colors
Harmony Mode
Loading color engine...
Number of Colors
0
Min: 2, Max: 10
Export
Save
Press Space to generate
Usage Examples
See how your palette looks in real-world UI components
Buttons
Card Component
Card Title
This card uses the palette for header, title, and text.
Alerts & Badges
Info alert with #6366F1Info
Success alert with #8B5CF6Success
Warning alert with #EC4899Warning
Feature alert with #F59E0BFeature
Dashboard Stats
12.4K
Users
$84K
Revenue
1,247
Active
+24%
Growth
Variations
Related Palettes
Explore variations of your palette using color theory transformations
Key Features
Powerful features designed for designers and developers
Kiểm Tra WCAG
Mọi cặp màu được tự động kiểm tra độ tương phản theo tiêu chuẩn WCAG.
Xuất Đa Định Dạng
Xuất ra CSS, Tailwind config, Swift UIColor, Kotlin, SCSS và JSON.
Phím Tắt
Nhấn Space để tạo mới, L để khóa màu, C để sao chép. Tối ưu năng suất.
Khóa & Tạo Lại
Khóa màu yêu thích và tạo lại phần còn lại. Hoàn hảo để tinh chỉnh.
Lưu Workspace
Lưu không giới hạn bảng màu vào workspace. Quản lý và truy cập mọi lúc.
How It Works
Get started in just a few simple steps
- 1
Tạo Bảng Màu
Nhấn phím Space hoặc nút Generate để tạo bảng màu ngẫu nhiên mới ngay lập tức.
- 2
Chọn Chế Độ Hài Hòa
Chọn chế độ hài hòa màu như tương tự, bổ sung, hoặc bộ ba để có kết hợp màu đẹp.
- 3
Khóa Màu Yêu Thích
Nhấn biểu tượng khóa trên màu muốn giữ. Màu bị khóa sẽ không đổi khi tạo bảng mới.
- 4
Tinh Chỉnh Màu
Nhấn vào màu để mở bộ chọn và điều chỉnh chính xác sắc độ, độ bão hòa và độ sáng.
Xuất Bảng Màu
Nhấn Export để tải xuống dạng CSS, Tailwind config, hoặc sao chép mã màu.
Frequently Asked Questions
Everything you need to know
Làm thế nào để tạo bảng màu?
Chỉ cần nhấn phím Space hoặc nút "Generate". Mỗi lần nhấn tạo bảng màu ngẫu nhiên mới dựa trên chế độ hài hòa đã chọn. Bạn có thể tạo không giới hạn miễn phí.
Có những chế độ hài hòa màu nào?
Pixeliro hỗ trợ ngẫu nhiên, tương tự, bổ sung, bộ ba, bộ bốn, chia bổ sung và đơn sắc. Mỗi chế độ tạo màu dựa trên lý thuyết màu sắc.
Có thể khóa một số màu khi tạo mới không?
Có! Nhấn biểu tượng khóa trên màu muốn giữ. Khi tạo bảng mới, màu bị khóa sẽ không đổi trong khi các màu khác được tạo ngẫu nhiên.
Hỗ trợ những định dạng xuất nào?
Bạn có thể xuất ra CSS variables, Tailwind config, Swift UIColor, Kotlin Color, SCSS variables và JSON. Phù hợp cho developer đa nền tảng.
Công cụ này có miễn phí không?
Có, hoàn toàn miễn phí. Tạo không giới hạn bảng màu mà không cần đăng ký. Đăng ký miễn phí để lưu vào workspace.
Bảng màu có đảm bảo accessibility không?
Chúng tôi tự động kiểm tra độ tương phản theo WCAG và cảnh báo các cặp màu có thể gây khó khăn. Xem chỉ báo tương phản trên mỗi màu.
Related Tools
Explore more color tools
Ready to Get Started?
Tạo Bảng Màu - Công Cụ Phối Màu Chuyên Nghiệp - Free, no signup required
Khởi Động Công Cụ