Comment mélanger deux couleurs et voir tous les intermédiaires ?
Mélangeur de couleurs : choisis deux couleurs, fais glisser le ratio de mélange (0-100 %), vois le résultat plus une bande de 11 paliers intermédiaires.
Deux modes de blend : OKLCH (perceptuel, interpolation propre) et RGB (classique, parfois des points médians boueux).
Super pour le blending de couleurs de marque, les choix intermédiaires, l'enseignement de la théorie des couleurs.
Comment l'utiliser
- Choisis « Couleur A » et « Couleur B » : HEX, picker natif.
- Choisis le mode : OKLCH (recommandé) ou RGB. OKLCH préserve la luminosité perceptuelle pendant le mélange, RGB est mathématiquement classique.
- Le curseur 0-100 % règle la proportion de B dans le mélange. 0 % = A, 100 % = B, 50 % = égal.
- La bande à 11 paliers montre le dégradé complet entre A et B. Clique pour copier le HEX.
- « Détails » = mélange actuel dans 4 formats (HEX, RGB, HSL, OKLCH).
Quand c'est utile
Là où le mélangeur de couleurs paie, scénarios typiques :
- Blending de couleurs de marque : deux couleurs de marque, il te faut un intermédiaire pour un bouton de transition.
- État hover : base de bouton + 50 % blanc = hover plus clair.
- Paires dark mode : couleur light-mode + couleur dark-mode, le mélangeur montre la transition douce.
- Enseignement de la théorie des couleurs : vois comment « bleu + jaune en RGB » devient gris boueux, alors que « bleu + jaune en OKLCH » devient vert propre : preuve concrète de pourquoi OKLCH est meilleur pour les dégradés.
- Art génératif : les mélangeurs sont la base du dithering, blending, compositing de calques.
- Pré-design : pas sûr de la couleur d'accent : mélange-en deux, vérifie les intermédiaires.
Questions et réponses
OKLCH a une uniformité perceptuelle : un mélange à 50 % a l'air d'un 50 %. RGB 50 % bleu + jaune = gris (128,128,128), qui N'a PAS l'air de 50 % bleu + 50 % jaune. Un mélange OKLCH à 50 % entre bleu et jaune donne un vert propre : perceptuellement « au milieu ».