Mélangeur de Couleurs

Mélangez deux couleurs HEX en OKLab perceptuel pour des milieux vifs, créez une rampe de 3-10 étapes et copiez-la en linear-gradient CSS ou liste HEX.

Vous avez des commentaires ? Signalez des bugs, suggérez des fonctionnalités ou partagez vos idées — nous lisons tout

Mélangeur de Couleurs - Mélanger Couleurs en Ligne

Un puissant outil de mélange de couleurs qui combine deux couleurs avec ratios ajustables. Mélangez couleurs en temps réel, visualisez résultats en formats multiples (HEX, RGB, HSL) et créez beaux dégradés avec étapes personnalisables. Parfait pour web designers, graphistes et développeurs travaillant sur schémas de couleurs. Voir aussi notre Sélecteur Pro et notre Générateur Dégradés.

Comment fonctionne le mélange de couleurs ?

Cet outil mélange en OKLab, un espace perceptuellement uniforme, plutôt que de moyenner des valeurs sRGB brutes :

Pourquoi OKLab :
- Le sRGB est gamma, donc moyenner les valeurs stockées ternit les milieux
- OKLab organise les couleurs comme l'œil les perçoit
- Les milieux restent vifs (jaune + bleu tend vers le vert, pas le gris)

Processus Mélange :
1. Convertir chaque couleur du sRGB vers la lumière linéaire
2. Convertir le RGB linéaire en OKLab (L, a, b)
3. Interpoler L, a et b selon le ratio
4. Reconvertir en sRGB et limiter à la plage valide
5. Afficher en HEX, RGB et HSL

Le résultat est un mélange perceptuellement correct, fidèle à l'apparence réelle des couleurs côte à côte à l'écran.

Comment utiliser le mélangeur de couleurs ?

Utiliser le Mélangeur de Couleurs est simple :

1. Sélectionner Couleurs :
- Choisir Couleur 1 avec sélecteur ou entrer code HEX
- Choisir Couleur 2 avec sélecteur ou entrer code HEX
- Deux couleurs affichées avec aperçus en direct

2. Ajuster Ratio Mélange :
- Glisser le curseur vers la couleur qui doit dominer
- Gauche (0%) = Pure Couleur 1
- 50% = Mélange égal des deux couleurs
- Droite (100%) = Pure Couleur 2
- Pourcentages mis à jour en temps réel

3. Voir Résultats :
- Voir couleur mélangée dans grand aperçu
- Obtenir résultats en formats HEX, RGB et HSL
- Cliquer boutons copier pour copier n'importe quel format

4. Rampe Dégradé (Optionnel) :
- Activer 'Afficher Étapes'
- Ajuster curseur pour définir nombre d'étapes (3-10)
- Cliquer n'importe quelle étape pour copier sa couleur
- Utiliser 'Copier dégradé CSS' pour une chaîne linear-gradient() prête
- Utiliser 'Copier liste HEX' pour récupérer toutes les étapes en codes HEX

Tout mélange se produit instantanément pendant ajustement paramètres !

Que sont les ratios de mélange de couleurs ?

Les ratios de mélange déterminent quantité de chaque couleur utilisée dans mélange final :

Comprendre Ratios :
- Ratio exprimé en pourcentages
- Couleur 1 + Couleur 2 toujours égale 100%
- Glissez le curseur vers la couleur qui doit dominer
- Pourcentage plus élevé = plus d'influence sur résultat

Ratios Courants :

50/50 (Mélange Égal) :
- Équilibre parfait des deux couleurs
- Crée couleur médiane
- Exemple : Rouge + Bleu = Violet

75/25 (Couleur 1 Dominante) :
- Résultat penche fortement vers Couleur 1
- Influence subtile de Couleur 2
- Exemple : 75% Rouge + 25% Bleu = Rouge-Violet

25/75 (Couleur 2 Dominante) :
- Résultat penche fortement vers Couleur 2
- Influence subtile de Couleur 1
- Exemple : 25% Rouge + 75% Bleu = Bleu-Violet

90/10 ou 10/90 (Teinte/Nuance) :
- Changement couleur très subtil
- Utile pour créer variations
- Crée versions teintées ou nuancées

Cas d'Usage :
- 50/50 : Créer couleurs intermédiaires
- 70/30 : Harmonies couleurs et variations
- 90/10 : Teintes et reflets subtils
- Ratios personnalisés : Correspondance couleur précise

Ajustez curseur pour trouver équilibre parfait pour votre design !

Mélangeur de Couleurs — Mélangez deux couleurs HEX en OKLab perceptuel pour des milieux vifs, créez une rampe de 3-10 étapes et copiez-la en lin — **Mélangeur de Couleurs**

À quoi sert l'aperçu dégradé ?

L'aperçu dégradé montre transitions couleur lisses entre vos deux couleurs :

Ce qu'il Montre :
- Étapes couleur multiples de Couleur 1 à Couleur 2
- Distribution uniforme dans spectre
- Chaque étape est ratio mélange différent
- Crée progression couleur lisse

Comment Étapes Fonctionnent :

3 Étapes :
- Couleur 1 (0%)
- Couleur Mélangée (50%)
- Couleur 2 (100%)

5 Étapes :
- Couleur 1 (0%)
- Mélange 25%
- Mélange 50% (mélange égal)
- Mélange 75%
- Couleur 2 (100%)

10 Étapes :
- Dégradé très lisse
- Transitions couleur subtiles
- Excellent pour palettes détaillées

Cas d'Usage :

Palettes Couleurs :
- Créer schémas couleur complets
- Générer variations harmonieuses
- Construire palettes basées dégradé

Design UI :
- Dégradés arrière-plan
- États boutons (survol, actif)
- Indicateurs progression
- Animations chargement

Design Graphique :
- Arrière-plans dégradés
- Transitions couleur
- Schémas couleur illustration
- Variations couleur marque

Développement Web :
- Valeurs dégradé CSS
- Échelles couleur thème
- Gammes couleur accessibles
- Couleurs système design

Cliquez n'importe quelle étape pour copier sa valeur couleur exacte pour utilisation dans vos projets !

Quand utiliser mélange couleurs vs génération couleur ?

Choisir bon outil selon vos besoins :

Mélangeur Couleurs - Utiliser Quand :

Combinaison Couleurs Existantes :
- Vous avez deux couleurs spécifiques à mélanger
- Créer transitions entre couleurs marque
- Trouver point médian entre couleurs
- Générer variantes couleur

Création Dégradé :
- Construire transitions couleur lisses
- Créer échelles couleur
- Designer arrière-plans dégradés
- Faire progressions couleur

Correspondance Couleur :
- Trouver mélanges couleur spécifiques
- Créer intermédiaires personnalisés
- Mélanger pour correspondre couleur cible
- Affiner relations couleur

Générateur Palette - Utiliser Quand :

Commencer de Zéro :
- Besoin schémas couleur complets
- Vouloir couleurs complémentaires
- Générer palettes aléatoires
- Explorer harmonies couleur

Générateur Dégradé - Utiliser Quand :

Dégradés Complexes :
- Besoin dégradés multi-couleurs
- Vouloir code dégradé CSS
- Créer dégradés radiaux ou linéaires
- Contrôles dégradé avancés

Convertisseur Couleur - Utiliser Quand :

Conversion Format :
- Convertir entre HEX, RGB, HSL, CMYK
- Besoin couleur unique en formats différents
- Vérifier valeurs couleur
- Obtenir informations couleur

Bonne Pratique :
- Utiliser Mélangeur pour mélange précis deux couleurs
- Utiliser Générateur Palette pour schémas complets
- Utiliser Générateur Dégradé pour dégradés complexes
- Combiner outils pour meilleurs résultats

Le Mélangeur excelle à créer mélanges couleur spécifiques et transitions entre deux couleurs connues.