Couleur

Générateur de palette

Créez des teintes, des nuances et des harmonies à partir d'une couleur de base.

Couleur de base

Valeur HEX

Teintes et nuances

Harmonies

Complémentaire

#00c16a

#c20057

Analogue

#00c20a

#00c16a

#00b8c2

Triadique

#00c16a

#6b00c2

#c26b00

Tétradique

#00c16a

#0a00c2

#c20057

#b8c200

Complémentaire divisée

#00c16a

#c200b8

#c20a00

Propriétés personnalisées CSS

:root {
  --color-brand-50: #e6f9f0;
  --color-brand-100: #ccf3e1;
  --color-brand-200: #99e6c3;
  --color-brand-300: #66daa6;
  --color-brand-400: #33cd88;
  --color-brand-500: #00c16a;
  --color-brand-600: #00a058;
  --color-brand-700: #007f46;
  --color-brand-800: #005f34;
  --color-brand-900: #003e22;
  --color-brand-950: #002d19;
}

Guides sur le sujet

HEX, RGB, HSL et les espaces colorimétriques plus récentsComment HEX, RGB, HSL, LCH et OKLCH se rapportent les uns aux autres, pourquoi une palette HSL devient terne dans les tons moyens, et ce que l'écrêtage de gamut et la composition alpha font à la couleur obtenue.Respecter le contraste des couleurs WCAG sans devinerCe que mesure un rapport de contraste, les seuils AA et AAA pour le texte et les composants d'interface, et les erreurs de gris sur blanc qui échouent discrètement à tous les coups.

Outils similaires

Convertisseur de couleurs

Convertissez une couleur entre HEX, RGB, HSL et la notation CSS.

Couleur

Vérificateur de contraste

Testez un couple avant-plan et arrière-plan selon WCAG AA et AAA.

Couleur