Come si converte matematicamente HEX in RGB?

Dividi il codice in tre coppie esadecimali. Moltiplica il primo valore per 16 e somma il secondo: 'FF' corrisponde a (15 × 16) + 15 = 255.

Qual è la differenza tra HEX e RGB?

Rappresentano lo stesso identico spazio sRGB. RGB usa la base decimale (0-255) ed è intuitivo, mentre HEX usa la base 16 (00-FF) per una sintassi CSS compatta.

Come si usano i colori RGB in CSS?

Puoi scrivere rgb(255, 87, 51) o aggiungere la trasparenza con la sintassi moderna: rgb(255 87 51 / 50%).

Convertitore HEX in RGB — Conversione Colori Veloce & Gratuita

A cosa serve la conversione da HEX a RGB?

Questo strumento converte all'istante un codice esadecimale (HEX) a 6 o 3 cifre nei valori decimali di Rosso, Verde e Blu (RGB) nel tuo browser.

Come si converte HEX in RGB?

HEX e RGB sono due notazioni numeriche diverse dello stesso spazio colore. Un codice HEX è diviso in tre coppie in base 16. Per ottenere il valore RGB (base 10), moltiplica il primo carattere per 16 e aggiungi il secondo.

Qual è la formula matematica?

Prendiamo il codice #FF5733:

Rosso (FF): (15 × 16) + 15 = 255
Verde (57): (5 × 16) + 7 = 87
Blu (33): (3 × 16) + 3 = 51

Pertanto, #FF5733 corrisponde a rgb(255, 87, 51).

Formati supportati

Supporta codici standard a 6 cifre (#FF5733) e codici abbreviati a 3 cifre (#F00 → #FF0000). Il cancelletto (#) è facoltativo.

Esempio di codice JavaScript

Per implementare questa logica senza dipendenze nei tuoi progetti:

function hexToRgb(hex) {
  let clean = hex.replace(/^#/, '').trim();
  if (clean.length === 3) clean = clean.split('').map(c => c + c).join('');
  const val = parseInt(clean, 16);
  return { r: (val >> 16) & 255, g: (val >> 8) & 255, b: val & 255 };
}

Convertitori Correlati

Vuoi eseguire la conversione inversa? Usa il nostro Convertitore RGB in HEX ⇄.

Convertitore HEX in RGB