Aller au contenu
Toolars
Explorer
Signaler un bug

Design · utilitaire Local

Mélangeur de couleurs

Color Mixer

Mélangez deux couleurs hexadécimales, alpha compris, par interpolation sRGB à poids réglable ou superposition, et exportez HEX, RGBA, CSS et un rapport JSON.

Parcours de la tâche / de l'entrée au résultat

Entrez les deux couleurs

S'exécute en local · Rien n'est téléversé

Fonctionnement de Mélangeur de couleurs, confidentialité et outils associés

Parcours de la tâche / de l'entrée au résultat

Comment mélanger deux couleurs

  1. 01

    Entrez les deux couleurs

    Remplissez Première couleur et Seconde couleur avec des valeurs hexadécimales — #RGB, #RGBA, #RRGGBB et #RRGGBBAA sont tous acceptés, donc les entrées translucides conviennent. L'espace de travail s'ouvre avec #6D5EF8 face à #22C55E.

  2. 02

    Calcul

    Choisissez la méthode de calcul : le mélange pondéré interpole les canaux sRGB encodés avec un alpha prémultiplié. La composition place la première couleur sur la seconde ; l'ordre compte et ce mode n'affiche pas de curseur de poids.

  3. 03

    Mélangez les couleurs

    En mélange pondéré, réglez le poids de la seconde couleur de 0 % (première seule) à 100 % (seconde seule), puis cliquez sur Mélanger les couleurs. En composition, le même bouton superpose les couches. Modifier une couleur, la méthode ou le poids efface le résultat précédent.

  4. 04

    Lisez le panneau de résultat

    HEX, RGBA, CSS et l'aperçu partagent des canaux et un alpha 8 bits. La transparence est affichée sur la page ; la sortie conserve l'alpha.

  5. 05

    Essayez le mélange d'exemple

    Cliquez sur Charger un exemple pour mélanger #F97316 avec #7C3AED à un poids de 35 % — un orange chaud qui glisse vers le violet — pour voir tout le processus. Réinitialiser ramène la paire par défaut à 50 %.

  6. 06

    Copiez ou téléchargez le résultat

    Copiez ou téléchargez toolars-color-mix.json avec les deux couleurs sources, la méthode, l'espace colorimétrique sRGB, HEX, RGBA et une déclaration CSS. secondColorWeight n'est inclus que pour le mélange pondéré. Toutes les formes de sortie partagent le même résultat 8 bits.

Fiche de l'outil

Traitement
Dans votre navigateur
L'entrée quitte cet appareil
Jamais
Conservation
Rien n'est stocké
Prix
Gratuit

Vos données restent dans le navigateur.

Mélangeur de couleurs utilise son chemin d'exécution local vérifié et ne crée aucun historique caché des entrées ou sorties.

Exécution locale

S'exécute dans l'onglet actuel du navigateur.

Aucun traitement caché

Les données actives de l'outil ne deviennent jamais un enregistrement de document Toolars.

Aucun compte requis

Utilisez le workflow principal sans créer de profil. Les favoris se synchronisent avec votre compte après connexion.

Réinitialisation immédiate

Effacez l'onglet et les données de travail actives disparaissent.

Ce que Mélangeur de couleurs fait vraiment

Pour obtenir une transition entre un violet et un vert de marque, choisissez le mélange pondéré et ajustez la part de la seconde couleur. Pour tester une couche translucide sur un fond, choisissez la composition : couche en premier, fond en second. Vérifiez l'alpha et l'aperçu sur votre vrai fond avant d'exporter le JSON ; ces méthodes répondent à deux besoins distincts.

Questions fréquentes

Comment fonctionne le curseur de poids ?
Le curseur n'apparaît que pour le mélange pondéré. À 0 %, la première couleur est conservée ; à 100 %, c'est la seconde. Entre les deux, les canaux sRGB encodés sont interpolés avec un alpha prémultiplié puis arrondis sur 8 bits. La composition ignore le poids et place la première couleur sur la seconde.
Le mélangeur gère-t-il la transparence ?
Oui. Le mélange pondéré interpole avec un alpha prémultiplié ; la composition place la première couleur sur la seconde. Comparez alpha et ordre des couches sur le fond prévu.
Comment les canaux sont-ils arrondis ?
HEX, RGBA, CSS et l'aperçu partagent des canaux et un alpha 8 bits. La transparence est affichée sur la page ; la sortie conserve l'alpha.
Pourquoi le panneau de résultat s'est-il effacé ?
Modifier une couleur, la méthode de calcul ou le poids efface l'ancien résultat pour éviter de le confondre avec les réglages actuels. Cliquez de nouveau sur Mélanger les couleurs.
Que contient exactement l'export ?
Copiez ou téléchargez toolars-color-mix.json avec les deux couleurs sources, la méthode, l'espace colorimétrique sRGB, HEX, RGBA et une déclaration CSS. secondColorWeight n'est inclus que pour le mélange pondéré. Toutes les formes de sortie partagent le même résultat 8 bits.
Les données sont-elles envoyées quelque part ?
Non. Le mélange est calculé entièrement dans cet onglet du navigateur, les entrées et les résultats ne le quittent jamais, et aucun compte n'est requis.

Poursuivre la lecture

Continuer dans Design

Des tâches associées, pas une impasse.

Passez à un autre espace de travail ciblé sans revenir à l'index complet.

Générateur d'animations de chargement CSS

CSS Loader Generator

Réglez un anneau orbital ou trois points rebondissants — cadre, trait, vitesse et couleurs — et copiez le CSS animé avec bloc prefers-reduced-motion inclus.

Créer

Générateur de cases à cocher CSS

CSS Checkbox Generator

Stylez une case à cocher native : taille, bordure et couleurs d'état réglables, avec états :focus-visible et :disabled dans le CSS exporté, sans JavaScript.

Créer

Générateur d'interrupteurs CSS

CSS Switch Generator

Concevez un interrupteur en pur CSS — piste, curseur et course calculés — avec focus clavier et mouvement réduit gérés dans le code copié, sans JavaScript.

Créer

Générateur de clip-path CSS

CSS Clip Path Generator

Modifiez les sommets par glissement, au clavier ou par coordonnées. Quatre formes de départ, copie locale de clip-path ou du CSS complet.

Créer