Convertisseur de Format de Couleur

Sélecteur de Couleur
HEX
RGB
HSL
RGBA
HSLA

Comment Utiliser

  1. Saisissez une couleur dans n'importe quel format — HEX, RGB, HSL, RGBA ou HSLA — ou cliquez sur la pastille pour ouvrir le sélecteur de couleur
  2. Tous les autres champs se mettent à jour automatiquement
  3. Ajustez la valeur A dans la section RGBA ou HSLA pour définir l'opacité (0 = totalement transparent, 1 = totalement opaque)
  4. Cliquez sur Copier à côté d'un format pour copier la valeur CSS prête à l'emploi
  5. La pastille à damier en haut permet de confirmer visuellement la couleur et la transparence

Questions Fréquentes

Qu'est-ce que le format de couleur HEX ?

HEX utilise un nombre hexadécimal à six chiffres pour représenter une couleur, ex. #FF5733. Très utilisé en CSS et en design web.

Qu'est-ce que le format de couleur RGB ?

RGB spécifie une couleur avec des composants rouge, vert et bleu, chacun allant de 0 à 255. Exemple : rgb(255, 87, 51).

Qu'est-ce que le format de couleur HSL ?

HSL représente la Teinte (0–360°), la Saturation (0–100%) et la Luminosité (0–100%). Plus intuitif pour les designers souhaitant ajuster les couleurs.

Qu'est-ce que le format de couleur RGBA ?

RGBA étend RGB avec un canal Alpha (0–1) contrôlant l'opacité. Exemple : rgba(255, 87, 51, 0.5) est semi-transparent.

Qu'est-ce que le format de couleur HSLA ?

HSLA étend HSL avec un canal Alpha (0–1). Exemple : hsla(14, 100%, 60%, 0.5) est un orange semi-transparent.