Mélangeur de couleurs
Mélangez deux couleurs dans la proportion de votre choix et obtenez le résultat en HEX, RGB et HSL. Mélange en lumière linéaire, pour un résultat qui ne vire pas au terne.
À quoi sert cet outil
Choisissez deux couleurs, réglez la proportion, et voyez ce qu'elles donnent. Les deux sont affichées de part et d'autre du résultat pour que vous puissiez juger le mélange par rapport à ce qui y est entré. Le mélange se fait en lumière linéaire par défaut, et c'est la partie que la plupart des mélangeurs ratent : les couleurs à l'écran sont stockées d'une manière qui n'est pas proportionnelle à la luminosité réelle, donc faire la moyenne des valeurs stockées donne un point milieu plus sombre et plus terne que ce que votre œil attend. Mélanger du rouge et du vert ainsi donne un olive boueux, alors que les mélanger comme de la lumière donne le ton lumineux que vous imaginiez. Le mode sRGB est là aussi, pour quand il faut coller à ce qu'a produit le color-mix de CSS ou un autre outil. Il accepte hex, rgb et hsl, et vous rend le résultat dans les trois.
À quoi ça vous sert
- Trouver le milieu entre deux couleurs de marque pour un arrêt de dégradé.
- Adoucir un accent trop fort en y mêlant un peu de neutre.
- Créer une teinte en tirant une couleur vers le blanc, ou une nuance vers le noir.
- Déduire un état survolé situé à mi-chemin entre deux couleurs existantes.
Comment l'utiliser
- Fixez vos deux couleurs, au sélecteur ou en saisissant la valeur.
- Réglez la proportion pour choisir la part de la seconde couleur.
- Basculez entre lumière linéaire et sRGB s'il faut coller à un autre outil.
- Copiez le résultat en HEX, RGB ou HSL.
Tout le travail se passe dans votre navigateur. Aucun fichier n'est envoyé à un serveur. Voir plus d'outils dans le même champ.
Autres outils du même champ
DesignConvertisseur de Couleur: HEX, RGB
Convertissez des couleurs entre HEX, RGB et HSL en ligne. Collez un format et obtenez les autres au passage. Gratuit et dans votre navigateur.
Générateur de Palettes de Couleurs
Générez des palettes harmonieuses à partir de n'importe quelle couleur de base: analogues, complémentaires et plus. Gratuit et prêt à copier.
Vérifier le Contraste de Couleur (WCAG)
Vérifiez le contraste de couleur WCAG entre texte et fond, avec aperçus en direct, verdict réussite ou échec et suggestions accessibles.
Générateur de Dégradés CSS
Créez des dégradés CSS en ligne avec un aperçu en direct: linéaire, radial et conique. Copiez le code de votre fond, gratuit et sans envoi.
Questions fréquentes
Pourquoi deux modes de mélange ?
Parce qu'ils répondent à des questions différentes. La lumière linéaire mélange les couleurs comme la lumière se mélange réellement, ce qui correspond à ce qu'attend votre œil et à ce que vous voulez pour les dégradés et les fondus. Le mode sRGB fait la moyenne des valeurs stockées directement, comme le font color-mix in srgb en CSS et la plupart des mélangeurs en ligne. Si vous cherchez à reproduire un résultat venu d'ailleurs, prenez sRGB ; sinon le linéaire sera plus beau.
Lequel dois-je utiliser ?
La lumière linéaire, sauf raison particulière. C'est le mode par défaut parce qu'il produit des mélanges plus lumineux et plus nets. L'exemple classique est le mélange du noir et du blanc : en linéaire vous obtenez un gris moyen qui a vraiment l'air d'être au milieu, alors qu'en sRGB il paraît nettement sombre.
Quels formats de couleur puis-je coller ?
Hex, rgb et hsl, dans les mêmes formes que celles acceptées par le convertisseur de couleurs, transparence comprise. Le résultat vous est rendu à la fois en hex, rgb et hsl, pour que vous preniez celui dont votre code a besoin.
Que devient la transparence ?
L'alpha est mélangé directement dans les deux modes. La transparence n'est pas stockée de cette manière non proportionnelle qui s'applique à la couleur, il n'y a donc rien à corriger.