Site Tools

Convertisseur et Sélecteur de Couleurs

Ad Space
HEX#6366f1
RGBrgb(99, 102, 241)
RGBArgba(99, 102, 241, 1)
HSLhsl(239, 84%, 67%)
HSLAhsla(239, 84%, 67%, 1)
HSVhsv(239, 59%, 95%)
OKLCHoklch(0.5854 0.2041 277.12)

Palette de couleurs

Complémentaire
Analogues
Triadiques

Vérificateur de contraste (WCAG)

Texte d’exemple
17.74rapport de contraste
Normal AA
Normal AAA
Grand AA
Grand AAA
Ad Space

Le Convertisseur de Couleurs est une boîte à outils complète pour les designers et développeurs front-end. Collez une couleur dans n’importe quel format courant — HEX, RGB, RGBA, HSL, HSLA, HSV/HSB ou le moderne OKLCH — ou choisissez-la visuellement, et tous les autres formats se mettent à jour instantanément avec un bouton de copie. Au-delà de la conversion, il génère une palette harmonieuse (couleurs complémentaires, analogues et triadiques) à partir de votre couleur de base et inclut un vérificateur de contraste WCAG pour garantir que le texte reste accessible sur n’importe quel fond. Tout s’exécute dans votre navigateur : rapide, privé et toujours disponible.

Comment utiliser le Convertisseur

  1. Utilisez le sélecteur de couleur ou saisissez une valeur (ex. #6366f1 ou rgb(99,102,241)).
  2. Lisez chaque format dans la liste et copiez-en un avec son bouton de copie.
  3. Explorez la palette générée et testez le texte sur un fond avec le vérificateur de contraste.

Avantages et cas d’usage

  • Convertissez instantanément entre HEX, RGB, HSL, HSV et OKLCH sans retenir de formules.
  • Créez des interfaces accessibles en vérifiant le contraste WCAG AA/AAA pour le texte normal et grand.
  • Générez des palettes complémentaires, analogues et triadiques pour accélérer votre travail de design.

FAQ

Quels formats de couleur sont pris en charge ?

HEX, RGB, RGBA, HSL, HSLA, HSV/HSB et OKLCH. Collez l’un d’eux ou utilisez le sélecteur visuel, et tous les autres se mettent à jour instantanément.

Qu’est-ce qu’OKLCH ?

OKLCH est un espace colorimétrique moderne et perceptuellement uniforme pris en charge par CSS. Il rend les ajustements de luminosité et de chroma plus naturels que le HSL.

Comment fonctionne le vérificateur de contraste ?

Il calcule le rapport de contraste WCAG entre deux couleurs et indique si elles passent AA et AAA pour le texte normal et grand.