Mélangeur de couleurs

• Mélange instantané : mélangez deux couleurs en temps réel pendant que vous réglez le curseur de ratio. Changez de mode de mélange et voyez le résultat se mettre à jour immédiatement, sans clic.
• Sécurisé et privé : vos couleurs sont mélangées 100 % côté client, dans votre navigateur. Rien n'est jamais envoyé à un serveur : vous pouvez donc travailler sereinement avec des couleurs de marque et des palettes propriétaires.
• Trois modes de mélange : choisissez sRGB (standard CSS), Linéaire (corrigé du gamma) ou Oklab (perceptuellement uniforme). Chaque mode donne des résultats visuels différents pour un même ratio.
• 100 % gratuit pour toujours : entièrement gratuit, sans inscription, sans limite d'utilisation et sans publicité bloquant l'interface. Mélangez des couleurs autant de fois que nécessaire.

• Mélange de couleurs de marque : mélangez les couleurs primaires de votre marque pour générer les couleurs secondaires et tertiaires de la palette. Utilisez l'aperçu de dégradé pour trouver le point médian exact conforme à votre charte.
• Design et thémage d'interface : créez des états survol, des états désactivés et des fonds teintés en mélangeant votre couleur principale avec du blanc ou du noir à différents ratios. Exportez les résultats directement en valeurs CSS.
• Aperçu de CSS color-mix() : prévisualisez la façon dont la fonction CSS color-mix() mélangera deux couleurs avant d'écrire le code. Le mode sRGB correspond exactement à l'espace de mélange par défaut de CSS.
• Génération de palettes : générez des dégradés fluides entre deux couleurs d'ancrage pour vos visualisations de données, graphiques et cartes de chaleur. L'aperçu en 11 étapes montre toute la plage d'un coup d'œil.
• Retouche photo : calculez la couleur de mélange exacte nécessaire pour atteindre un ton cible en retouche. Utilisez le mode Oklab pour un mélange perceptuellement précis qui correspond à la vision humaine.
• Accessibilité et contraste : mélangez les couleurs de premier plan et d'arrière-plan pour trouver un point médian qui améliore la lisibilité. Utilisez le résultat avec un vérificateur de contraste pour valider la conformité WCAG.

Un mélangeur de couleurs mélange deux couleurs selon un ratio configurable et affiche la couleur résultante dans plusieurs formats. Contrairement à une simple moyenne, le mélange de couleurs peut s'effectuer dans différents espaces colorimétriques, chacun produisant des résultats visuellement différents. Notre mélangeur prend en charge trois modes : sRGB (le standard CSS), Linéaire (corrigé du gamma) et Oklab (perceptuellement uniforme). Tout le mélange s'exécute instantanément dans votre navigateur, sans envoi à un serveur.

1. Saisissez deux couleurs : entrez n'importe quelle valeur HEX ou RGB dans les champs de couleur, ou utilisez le sélecteur natif. Le mélangeur accepte tout format de couleur CSS valide.
2. Définissez le ratio de mélange : faites glisser le curseur pour doser chaque couleur. 50 % donne un mélange égal ; 25 % donne 75 % de la couleur 1 et 25 % de la couleur 2. Cliquez sur une étape de l'aperçu pour y accéder instantanément.
3. Copiez le résultat : la couleur mélangée s'affiche en HEX, RGB, HSL et HSV avec des boutons de copie en un clic. Utilisez l'aperçu de dégradé pour explorer toute la plage entre les deux couleurs.

• Mélange sRGB : interpole directement entre les valeurs de canal sRGB (0-255). Correspond à la fonction CSS color-mix(in srgb) et reste le mode le plus prévisible pour le développement web.
• Mélange Linéaire : convertit les couleurs en lumière linéaire (supprime l'encodage gamma) avant le mélange, puis réapplique le gamma. Produit des résultats physiquement plus précis pour le mélange de lumière : les points médians paraissent plus clairs qu'en sRGB.
• Mélange Oklab : mélange les couleurs dans l'espace perceptuellement uniforme Oklab. Les points médians paraissent visuellement équidistants des deux couleurs d'entrée, évitant les bruns ternes qui apparaissent lors du mélange de couleurs complémentaires en sRGB. Idéal pour le design et la génération de palettes.
• Formats de sortie : la couleur mélangée est toujours renvoyée en HEX, RGB, HSL et HSV. Toutes les valeurs sont arrondies à l'entier le plus proche pour une sortie propre et prête à copier.