Vai al contenuto
ToolsMinify logo
Strumenti convertitore
Popolare

Convertitore HEX in RGB

Converti codici colore HEX in RGB (e RGB in HEX) con swatch live, kit formati (HSL + CMYK), rampa tinte->ombre cliccabile, anteprime contrasto WCAG su bianco e nero e snippet…

Informazioni su Convertitore HEX in RGB

Converti codici colore HEX in RGB (e RGB in HEX) con swatch live, kit formati (HSL + CMYK), rampa tinte->ombre cliccabile, anteprime contrasto WCAG su bianco e nero e snippet token CSS pronto da incollare. Incolla #rgb, #rrggbb o #rrggbbaa, usa color picker nativo o digita canali R/G/B. Tutto nel browser - nessuna registrazione, nessun upload.

Come usare Convertitore HEX in RGB

  1. Incolla colore HEX, usa color picker o clicca swatch preset.
  2. Copia CSS rgb()/rgba(), o inserisci R/G/B (0-255) per generare HEX al contrario.
  3. Usa kit formati per HSL e CMYK, e rampa tinte->ombre per esplorare passi piu chiari o scuri.
  4. Controlla card contrasto WCAG, poi copia snippet token CSS nel tema.

Esempi di Convertitore HEX in RGB

#FFFFFF in RGB

Bianco: rgb(255, 255, 255).

#3b82f6 in RGB

Tailwind blue-500: rgb(59, 130, 246) piu HSL/CMYK corrispondenti nel kit formati.

#0f0 corto

Si espande in #00ff00 -> rgb(0, 255, 0).

Contrasto + token

Blu #3b82f6 su bianco fallisce AA normale; lo snippet token esporta comunque --brand-rgb per CSS moderno.

Guide correlate

Leggi la guida completa

Come utilizzare Convertitore HEX in RGB: guida completa (2026) - 5 min di lettura

Domande frequenti su Convertitore HEX in RGB

Come converto HEX in RGB?
Ogni coppia di cifre HEX e un canale base 16 da 00 (0) a FF (255). Esempio #1A2B3C -> R=26, G=43, B=60, scritto rgb(26, 43, 60). Lo strumento converte mentre digiti.
Quali formati HEX sono supportati?
Corto #rgb (es. #fff), completo #rrggbb (es. #3b82f6) e 8 cifre #rrggbbaa con alpha. # iniziale opzionale; lettere maiuscole o minuscole. Puoi anche usare color picker nativo.
Posso convertire RGB in HEX?
Si - inserisci R, G e B da 0 a 255 e lo strumento produce codice #rrggbb minuscolo. Valori fuori range sono clampati.
Mostra anche HSL e CMYK?
Si. Il kit formati elenca HEX, RGB, HSL e CMYK con copia CSS one-click. CMYK e approssimazione schermo utile per handoff stampa - prova sempre in pressa se il colore e critico.
Cos'e la rampa tinte -> ombre?
Mescola il colore verso bianco (tinte) e nero (ombre). Clicca un passo per caricare quel HEX, o copia l'intera rampa per palette rapida.
Cosa significano le card contrasto?
Mostrano rapporto contrasto WCAG del colore come testo su bianco e nero, con pass/fail AA/AAA per testo normale e grande. Utile prima di rilasciare colori UI.
Differenza tra rgb() e rgba()?
rgb() ha solo rosso, verde e blu. rgba() aggiunge canale alpha (opacita) da 0 (trasparente) a 1 (opaco). Con HEX a 8 cifre lo strumento produce rgba().

Strumenti correlati

Convertitore RGB in HSL

Converti RGB in HSL e HSL in RGB all'istante. Convertitore colore online gratuito con swatch live e CSS rgb() e hsl() pronti da copiare.

Generatore di palette colori

Generatore di palette colori gratuito nel browser. Crea palette complementari, analoghe, triadiche, tetradiche, split-complementari, monocromatiche o casuali. Copia HEX, RGB, HSL o variabili CSS.

Convertitore PX in REM

Converti px in rem ed em online con dimensione font base configurabile. Convertitore px in rem gratuito con tabella di riferimento rapida. Gira nel browser.

Generatore gradienti CSS

Crea gradienti CSS lineari, radiali e conici con anteprima live. Scegli color stop, copia CSS background e incolla nel foglio di stile. Gira nel browser.