Trình tạo sự hòa hợp màu
Tạo các ô điều hòa màu và bảng màu
Configuración
Armonía Complementario
#4f46e5#dce546💡Tipos de Armonía
Colores opuestos en la rueda de color
Colores adyacentes en la rueda de color
Tres colores equidistantes en la rueda
El color base más dos adyacentes a su complementario
Create harmonious color palettes with our Color Harmony Generator. Generate complementary, analogous, triadic, and split-complementary color schemes for design projects.
Características Principales
Multiple harmony types (complementary, analogous, triadic, split-complementary)
Color wheel visualization
HSL and RGB color value display
Copy individual colors with one click
Export palette as CSS variables or JSON
Accessibility contrast checking
How to Use Color Harmony Generator
Select Base Color
Choose your primary color using the color picker or enter hex code
Choose Harmony Type
Select complementary, analogous, triadic, or split-complementary scheme
View Palette
The generator displays harmonious colors based on color theory
Copy Colors
Click individual colors to copy their hex, RGB, or HSL values
Apply to Design
Use the color palette in your design project for visual harmony
Casos de Uso
Designing cohesive brand color palettes
Creating harmonious UI design systems
Developing complementary color schemes for marketing materials
Building accessible color contrasts for web accessibility
Preguntas Frecuentes
What is color harmony?
Color harmony uses color theory to create aesthetically pleasing and balanced color combinations
What is a complementary color?
Complementary colors are opposite each other on the color wheel and create high contrast
When should I use analogous colors?
Analogous colors are adjacent on the wheel and create harmonious, calm designs
How do I ensure contrast?
The tool includes accessibility checking to ensure sufficient contrast between colors
Herramientas Relacionadas que Te Pueden Interesar
Información de la Herramienta
Herramientas Relacionadas
Trình tạo bảng màu từ ảnh
Name
RGB/HEX Trình chuyển đổi
Chuyển đổi giữa định dạng màu RGB và Hex
Chung
Tạo lược tự chọn với ô xem thử
Trình kiểm tra độ tương phản WCAG
Kiểm tra sự tương phản màu theo tiêu chuẩn WCAG
Trình tạo chữ ký số
Tạo các ký hiệu kỹ thuật số có cấu hình khác nhau
Name
Tạo ra bóng hộp CN