---
name: log-color
description: Usare quando l'utente vuole stampare messaggi colorati nella console del browser per debug o logging formattato.
---

# Log Color

Questa skill permette di stampare messaggi nella console del browser con colori e stili CSS personalizzati. Utile per distinguere visivamente diversi tipi di messaggi durante il debug.

## Procedura

1. **Stampare un messaggio colorato**: Usare `logColor(messaggio, colore)`
2. **Usare il colore predefinito**: Se non specificato, usa 'cyan'
3. **Applicare stili aggiuntivi**: Passare una stringa CSS completa come secondo parametro

## Regole

- `messaggio` deve essere una stringa
- `colore` deve essere un valore CSS valido per la proprietà `color`
- Il messaggio viene stampato con `console.log()` usando la sintassi `%c`
- Lo stile predefinito include anche `font-weight: bold`

## Esempi

### Esempio 1: Messaggi di errore e successo

```javascript
logColor('Errore critico!', 'red');
logColor('Operazione completata', 'green');
```

### Esempio 2: Messaggio con colore predefinito

```javascript
logColor('Messaggio informativo'); // Colore: cyan (predefinito)
```

### Esempio 3: Stili CSS avanzati

```javascript
logColor('Titolo importante', 'color: purple; font-size: 16px; font-weight: bold;');
```

### Esempio 4: Logging condizionale

```javascript
const success = true;
if (success) {
    logColor('Test passato!', 'green');
} else {
    logColor('Test fallito!', 'red');
}
```

### Esempio 5: Più messaggi colorati

```javascript
logColor('WARN:', 'orange');
logColor('Questo è un warning', 'orange');
logColor('INFO:', 'blue');
logColor('Questa è un informazione', 'blue');
```

## Dettagli Aggiuntivi

- **Sintassi CSS in console**: `console.log('%cMessaggio', 'color: red; font-weight: bold;')`
- **Formati colore supportati**:
  - Nomi di colori: 'red', 'blue', 'green', 'orange', 'purple', ecc.
  - Codici esadecimali: '#ff0000', '#00ff00', ecc.
  - RGB: 'rgb(255, 0, 0)'
  - RGBA: 'rgba(255, 0, 0, 0.5)'
  - HSL: 'hsl(120, 100%, 50%)'
- **Placeholder %c**: Applica gli stili al testo successivo
- **Browser supportati**: Tutti i browser moderni (Chrome, Firefox, Edge, Safari)