Expressions régulières·un code couleur hexadécimal

un code couleur hexadécimal

Correspond à un code couleur hexadécimal. Il est ancré aux deux bouts : la chaîne entière doit correspondre. Il n’y a pas de groupe capturant.

Motif
/^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i
Portée
la chaîne entière
Groupes capturants
0
Options
i · casse ignorée
Ce qu’il capture dans le premier exemple
#fff

Essayez

Tapez un texte : les parties capturées sont surlignées. Tout se passe dans votre navigateur, rien n’est envoyé.

#fff

1 correspondance

Exemples qui correspondent

  • #fff
  • #A1B2C3

Exemples qui ne correspondent pas

  • fff
  • #ffff
  • #gggggg

Autres expressions du groupe

Comment lire

  • Avec ^ et $, la chaîne entière doit correspondre ; sans eux, le motif peut se trouver n’importe où. Ancrez toujours ce qui sert à valider.
  • Les parenthèses ( ) capturent ce qu’elles entourent. Pour seulement grouper, écrivez (?: ) afin que la numérotation ne se décale pas.
  • Chaque expression ici est confrontée à ses exemples. Cela dit, « ressemble à un e-mail » et « est une vraie boîte » sont deux choses.
  • Les répétitions ouvertes imbriquées comme (a+)+ peuvent exploser sur certaines entrées. Repérez cette forme avant de coller l’expression d’autrui.

Questions fréquentes

Q. Quelle est la regex pour un code couleur hexadécimal ?

^#(?:[0-9a-f]{3}|[0-9a-f]{6})$, avec l’option i.

Q. Quelles chaînes correspondent ?

Un texte comme #fff correspond ; un texte comme fff non.

Q. La chaîne entière doit-elle correspondre ?

Oui. Elle est encadrée par ^ et $ : seule une correspondance complète passe.

Q. Comment utiliser ce qui est capturé ?

Il n’y a pas de groupe capturant : seule la correspondance entière (match[0]) revient. Mettez entre parenthèses la partie voulue.