Online Tool Store
Mélangeur de couleurs
Mélangez deux couleurs HEX dans n'importe quelle proportion, avec un mélange en lumière linéaire et une sortie HEX et RVB instantanée dans le navigateur.
🔒 Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés sur un serveur.
Exemple affiché — choisissez vos deux couleurs et la proportion.
Palette générée
Couleurs de la palette
Couleur A
Résultat mélangé
Couleur B
HEX mélangé
RVB mélangé
Comment fonctionne le mélangeur de couleurs
- Choisissez ou saisissez deux couleurs HEX — Couleur A et Couleur B.
- Faites glisser le curseur de proportion vers la couleur que vous voulez voir dominer le mélange.
- L'échantillon mélangé, le code HEX, la valeur RVB et la palette progressive générée se mettent à jour instantanément quand vous ajustez une couleur ou la proportion.
La méthode
Les canaux rouge, vert et bleu de chaque couleur sont convertis du sRGB encodé en gamma vers la lumière linéaire, mélangés selon la proportion, puis reconvertis en sRGB pour l'affichage. Mélanger en espace linéaire évite l'aspect assombri et un peu gris obtenu en moyennant directement des octets sRGB.
mixed = linearToSrgb(srgbToLinear(A) × (1 − t) + srgbToLinear(B) × t)
Exemple : mélanger #2F6FED (bleu) et #FFD166 (or) à 50/50 donne un ton moyen chaud et équilibré, plutôt que le gris-brun terne d'une moyenne d'octets naïve. Choisissez 3, 5, 7 ou 9 couleurs de palette quand vous avez besoin d'une gamme réutilisable entre les deux extrémités.
FAQ
Pourquoi un mélange 50/50 ne ressemble-t-il pas à une simple moyenne des deux valeurs RVB ?
Cet outil mélange les couleurs en lumière linéaire au lieu de moyenner des octets sRGB bruts. Les valeurs sRGB sont encodées en gamma pour les écrans, donc une moyenne directe de deux octets paraît nettement plus sombre et terne qu'un vrai mélange basé sur la lumière — convertir en lumière linéaire, mélanger, puis reconvertir donne un résultat plus naturel.
Est-ce que cela simule le mélange physique de peinture ?
Non. Le mélange de peinture est soustractif et dépend de la chimie des pigments, qui varie beaucoup d'une peinture à l'autre. Cet outil mélange la lumière (couleur additive), ce qui correspond au mélange de couleurs sur un écran ou dans un logiciel de design, pas à de la peinture réelle.
Puis-je saisir un code HEX au lieu d'utiliser le sélecteur de couleur ?
Oui. Saisissez ou collez un code HEX à 6 chiffres dans l'un des champs de texte et l'échantillon et le sélecteur se mettent à jour.
La proportion de mélange est-elle enregistrée si je quitte la page ?
Non. Tout est réinitialisé au rechargement — le calcul s'exécute entièrement dans votre navigateur et rien n'est envoyé ni stocké.
Puis-je exporter la palette mélangée sous forme de variables CSS ?
Oui. Une fois une palette générée, vous pouvez la copier ou la télécharger sous forme de propriétés personnalisées CSS, prêtes à coller dans une feuille de style.
Combien de couleurs puis-je générer dans la palette ?
Choisissez 3, 5, 7 ou 9 étapes régulièrement espacées entre vos deux couleurs d'extrémité, toutes mélangées en lumière linéaire comme le mélange principal.
Comment nous nous situons
| Fonctionnalité | Online Tool Store | colorxs.com | Adobe Color |
|---|---|---|---|
| Proportion de mélange réglable, pas seulement 50/50 | ✓ | Point médian fixe | ✓ |
| Aucune inscription ni compte | ✓ | ✓ | Compte Adobe |
| Fonctionne entièrement sur votre appareil | ✓ | Non indiqué | Non indiqué |
Si vous voulez un contrôle fin de la proportion de mélange entre deux couleurs avec un aperçu instantané et privé, le Color Mixer d'Online Tool Store garde tout sur votre appareil.