Mistura de Cores
Misturar e misturar cores com diferentes modos
tools.colorMixer.title
tools.colorMixer.description
Mix and blend colors with our Color Mixer tool. Combine two colors with adjustable ratios and blend modes to create new colors for your design projects.
Características Principales
Two-color mixing with adjustable ratio slider
Multiple blend modes (normal, multiply, screen, overlay)
Real-time color preview of mixed result
HSL, RGB, and HEX color format output
Color history for previous mixes
Copy mixed color in any format
How to Use Color Mixer
Select Colors
Choose two colors using color pickers or enter hex codes
Set Mix Ratio
Use the slider to adjust the blend ratio between the two colors (0-100%)
Choose Blend Mode
Select blend mode (normal, multiply, screen, or overlay)
View Result
Preview the mixed color in real-time as you adjust settings
Copy Color
Copy the resulting color in HEX, RGB, or HSL format
Casos de Uso
Creating custom colors for design mockups and prototypes
Mixing ink or paint colors virtually before purchasing
Developing gradient color transitions for UI elements
Experimenting with color combinations for branding
Preguntas Frecuentes
What are blend modes?
Blend modes are algorithms that determine how two colors combine mathematically
Which blend mode should I use?
Normal for simple averaging, multiply for darkening, screen for lightening, overlay for contrast
Can I mix more than two colors?
The tool mixes two colors; chain multiple mixes for complex combinations
How accurate are color previews?
Previews are accurate for screen display; print results may vary due to color profiles
Herramientas Relacionadas que Te Pueden Interesar
Información de la Herramienta
Herramientas Relacionadas
Gerador de Paleta de Cores da Imagem
Extrair cores dominantes de uma imagem
RGB/HEX Conversor
Converter entre formatos de cores RGB e HEX
Gerador de Gradientes CSS
Criar gradientes CSS personalizados com antevisão
Verificador de Contraste WCAG
Verificar contraste de cor de acordo com os padrões WCAG
Gerador de Assinatura Digital
Criar assinaturas digitais estilizadas com fontes diferentes
Gerador de Sombras de Caixa
Gerar sombras de caixas de CSS