Validazione e Sicurezza Base Aggiornato: 21/08/2026

Colore CSS HEX (#RGB, #RRGGBB, #RRGGBBAA)

Valida codici colore CSS esadecimali nelle varianti a 3, 4, 6 o 8 cifre (con canale alfa di trasparenza).

Prova nel tester
Risposta diretta

A cosa serve e come si usa questa regex?

Valida codici colore CSS esadecimali nelle varianti a 3, 4, 6 o 8 cifre (con canale alfa di trasparenza).

Espressione Regolare (Pattern)

Flag consigliati: nessuno · Motori compatibili: JavaScript, PCRE/PHP, Python, Go, .NET
Testa 
^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$

Integrazione nel codice

Snippet pronti all'uso 
// JavaScript (ES6+)
const regex = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
const isValid = regex.test(text);

// Estrazione match
const matches = text.match(regex);
<?php
// PHP 8.2+ (PCRE)
$pattern = '~^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$~';
$isValid = (bool) preg_match($pattern, $text);

// Estrazione con gruppi
if (preg_match($pattern, $text, $matches)) {
    print_r($matches);
}
# Python 3 (re)
import re

pattern = r"^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
is_valid = bool(re.search(pattern, text))

# Estrazione match
match = re.search(pattern, text)
if match:
    print(match.group(0))
// Go (regexp)
package main

import (
	"fmt"
	"regexp"
)

func main() {
	re := regexp.MustCompile(`^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$`)
	isValid := re.MatchString(text)
	fmt.Println(isValid)
}
// C# (.NET)
using System;
using System.Text.RegularExpressions;

bool isValid = Regex.IsMatch(text, @"^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$");

Come funziona (Spiegazione dettagliata)

  1. ^# richiede il cancelletto iniziale.
  2. [0-9a-fA-F]{3,4} copre i formati brevi #RGB e #RGBA.
  3. [0-9a-fA-F]{6} copre il formato standard #RRGGBB.
  4. [0-9a-fA-F]{8} copre il formato con canale alfa #RRGGBBAA.

Casi d’uso consigliati

  • Color picker e personalizzazione temi visivi in CMS/SaaS
  • Validazione proprietà di stile CSS nei configuratori
  • Elaborazione grafica e rendering vettoriale

Esempi che corrispondono (Validi)

5 test passati
#fff
#0d6efd
#11223344
#f0a8
#FFFFFF

Esempi rifiutati (Non validi)

4 test respinti
fff
#12
#12345
#GGGGGG
Base

ID HTML

Valida un identificatore HTML composto da lettere, numeri, underscore e trattini, senza iniziare con un numero.

Vedi scheda
Verifica empirica

Hai bisogno di collaudare questo pattern con i tuoi dati?

Apri il tester sandboxato con questa regex già caricata e verifica i gruppi di cattura.

Apri nel tester