Color Mixer

Mélangez et fusionnez vos couleurs avec précision

3 modes de fusion • Contrôle du ratio • Aperçu du dégradé

Comment mélanger des couleurs ?

Le mélange de couleurs combine deux teintes pour créer une nouvelle nuance. Différents modes de fusion produisent des résultats différents selon l'effet recherché.

Mode RGB

Mélange linéaire des valeurs Rouge, Vert, Bleu. Idéal pour des transitions numériques.

Mode HSL

Mélange via Teinte, Saturation, Luminosité. Produit des dégradés plus naturels.

Mode Multiply

Simulation du mélange de peinture physique. Assombrit les couleurs comme de l'encre.

Contrôles

100% Couleur 1100% Couleur 2
Résultat
#A79C98

Aperçu visuel

#FF6B6B

Couleur 1

#A79C98

Mélange 50%

#4ECDC4

Couleur 2

Dégradé complet

Texte sur fond

Testez comment votre couleur mixée fonctionne comme arrière-plan

Bordures

Visualisez votre couleur en tant que bordure ou accent

Étapes du dégradé

0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%

Utilisation pratique

Cliquez sur n'importe quelle nuance pour copier son code. Parfait pour créer des dégradés CSS ou générer des variations d'une couleur de base.

Guide des modes de fusion

RGB (Linéaire)

  • • Mélange direct des valeurs R, G, B
  • • Transitions uniformes et prévisibles
  • • Idéal pour interfaces numériques
  • • Parfait pour dégradés CSS

HSL (Naturel)

  • • Mélange via teinte et luminosité
  • • Dégradés plus naturels à l'œil
  • • Meilleur pour palettes harmonieuses
  • • Évite les tons gris/ternes

Multiply (Peinture)

  • • Simule le mélange de peinture réelle
  • • Résultat plus sombre (multiplicatif)
  • • Effet d'encre ou d'aquarelle
  • • Utile pour effets artistiques

Astuce de designer

Pour créer une palette cohérente, utilisez le mode HSL et variez le ratio de 20% en 20%. Vous obtiendrez 5 nuances harmonieuses parfaites pour un système de design !