Expresiones regulares·un color hexadecimal dentro del texto

un color hexadecimal dentro del texto

Coincide con un color hexadecimal dentro del texto. Lo encuentra en cualquier parte del texto. No tiene grupos de captura.

Patrón
/#[0-9a-fA-F]{6}\b/
Alcance
en cualquier parte del texto
Grupos de captura
0
Lo que captura en el primer ejemplo
#ff0000

Pruébalo

Escribe cualquier texto y se marcará lo que captura la expresión. Todo ocurre en tu navegador y no se envía a ninguna parte.

color: #ff0000; #00FF00 background

2 coincidencias

Ejemplos que coinciden

  • color: #ff0000;
  • #00FF00 background

Ejemplos que no coinciden

  • #ff00
  • no colour

Otras expresiones del grupo

Cómo leerlo

  • Con ^ y $ alrededor, debe coincidir la cadena entera; sin ellos, la coincidencia puede estar en cualquier parte. Ancla siempre lo que uses para validar.
  • Los paréntesis ( ) capturan lo que envuelven. Si solo necesitas agrupar, escribe (?: ) para que no se desplace la numeración.
  • Cada expresión de aquí se comprueba con sus ejemplos. Aun así, "parece un correo" y "es un buzón real" son cosas distintas.
  • Las repeticiones abiertas anidadas como (a+)+ pueden dispararse con ciertas entradas. Busca esa forma antes de pegar una expresión ajena.

Preguntas frecuentes

Q. ¿Cuál es la regex para un color hexadecimal dentro del texto?

#[0-9a-fA-F]{6}\b.

Q. ¿Qué cadenas coinciden?

Un texto como color: #ff0000; coincide; uno como #ff00 no.

Q. ¿Debe coincidir la cadena entera?

No. Encuentra la parte en cualquier lugar del texto. Añade ^ y $ si quieres comprobar la cadena entera.

Q. ¿Cómo uso lo capturado?

No hay grupos de captura, así que solo vuelve la coincidencia completa (match[0]). Envuelve entre paréntesis la parte que necesites.