Mélangeur de couleur : guide de démarrage rapide

Tout ce qu’il faut pour une première utilisation réussie : quoi coller, quelle option compte vraiment, et comment lire le résultat.

Entrée Mélangeur de couleur Sortie Fonctionne 100 % dans votre navigateur — vos données ne quittent jamais votre appareil.
Mélangeur de couleur — Entrée → Sortie. Fonctionne 100 % dans votre navigateur — vos données ne quittent jamais votre appareil.

Comment utiliser

  1. Ouvrez l’outil et collez votre entrée dans le volet de gauche.
  2. Ne réglez que les options réellement nécessaires ; les valeurs par défaut conviennent à la plupart des cas.
  3. Lisez le résultat dans le volet de droite ; il se met à jour pendant la saisie.
  4. Utilisez Copier pour récupérer le résultat, ou Télécharger pour l’enregistrer.
Comment utiliser · Mélangeur de couleur 1 Collez vos donnéesdans la zone (ouchargez l’exemple). 2 Réglez les optionsselon le format visé. 3 Copiez, téléchargez ouconsultez la sortie —mise à jour en direct.
Comment utiliser — 3

Exemples

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

Entrée

#0ea5b7

Sortie — Résultats

#0ea5b7 + #ffffff at 50% (mixed in RGB)

Result
  HEX   #87d2db
  RGB   rgb(135, 210, 219)
  HSL   hsl(186.4, 54.0%, 69.3%)

Contrast against white : 1.71:1
Contrast against black : 12.26:1

Ramp (9 steps)
    0%  #0ea5b7
   13%  #2cb0c0
   25%  #4abcc9
   38%  #68c7d2
   50%  #87d2db
   63%  #a5dde4
   75%  #c3e9ed
   88%  #e1f4f6
  100%  #ffffff

CSS
  --mix: #87d2db;
  background: linear-gradient(90deg, #0ea5b7, #ffffff);

Exécuter

Description

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

Mélangeur de couleur → · Comment utiliser → · Outils couleur →

Outils liés

Sélecteur de hexadécimal couleurInteractive picker with HEX, RGB and HSL output.Convertisseur de couleur CodeConvert between HEX, RGB, HSL and named colors.couleur contraste Vérificateur (WCAG)Verify text contrast ratios against WCAG AA/AAA.Générateur de couleur paletteShades, tints and complementary schemes from one color.Générateur de aléatoire couleurBatch random colors with copyable codes.Référence de CSS Nommée CouleursAll 148 CSS color names with codes and previews.