I luoghi preferiti della tua città preferita
Pagina Iniziale
Aggiungi alle fonti preferite su Google

Convertitore colori — HEX, RGB, HSL e alfa

Converti un colore sRGB supportato in HEX, RGB e HSL, con alfa. Controlla gli arrotondamenti: non è un parser CSS completo né garantisce corrispondenza tra schermi.

Convertitore di colori

Alfa: 100%

Inserisci un colore HEX, RGB o HSL

Risultato

Inserisci un colore supportato.

La conversione avviene nel browser senza caricamenti o cronologia aggiunti dallo strumento. Gli appunti sono usati solo su richiesta. Gli altri servizi seguono le politiche del sito.

Come convertire

  1. Inserisci un HEX con # o una funzione rgb/rgba/hsl/hsla supportata. L’esempio inserisce #33669980 senza convertire; usa il punto decimale.
  2. Premi Converti. Il colore non arrotondato e l’alfa indipendente producono ogni formato separatamente; modificare il testo rimuove il risultato precedente.
  3. Copia un codice o tutte e tre le righe. Controlla gli avvisi di arrotondamento e del byte alfa; il campione non è calibrato.

Canali e sintassi

HEX3/4 duplica le cifre; HEX6/8 usa byte, con alfa finale. RGB accetta numeri 0–255 o percentuali 0–100%. La sintassi moderna usa spazi e barra; quella tradizionale usa virgole e non mescola numeri e percentuali.

HSL usa gradi, eventualmente con deg, e percentuali di saturazione e chiarezza. La tonalità è ciclica; la chiarezza HSL non è luminanza relativa. Il calcolo usa sRGB codificato.

Alfa è indipendente dai canali RGB: alfa zero non cancella il colore né lo miscela con uno sfondo. In HEX8, 0.5 diventa il byte 128, cioè 128/255.

Con canali RGB uguali si usa H=0 e S=0; la tonalità originale non è recuperabile univocamente. Con croma non zero si mantiene la tonalità matematica senza soglia di tolleranza.

Esempi e arrotondamento

#33669980 contiene byte 51, 102, 153 e alfa 128/255. I canali codificati 0.2, 0.4, 0.6 danno HSL 210°, 50%, 40%; l’alfa funzionale è arrotondato a 0.50196078.

hsl(210 100% 50% / .5) dà RGB 0, 127.5, 255. Gli spareggi di canale e alfa si arrotondano verso l’alto: HEX #0080FF80, mentre la funzione mantiene alfa 0.5.

rgb(17 34 51 / 99.999999%) mantiene alfa funzionale 0.99999999, ma il byte diventa FF: #112233FF. Con 0.000001%, la funzione mantiene 0.00000001 e il byte diventa 00.

Limiti

Prima di rimuovere gli spazi sono ammesse 256 unità UTF-16 e 16 caratteri ASCII per numero. RGB numerico e alfa numerico ammettono 8 decimali; percentuali e HSL 6. Niente esponenti; tonalità entro ±1000000°. I valori fuori intervallo sono respinti.

Nomi, transparent, currentColor, none, commenti, variabili, calcoli, altri spazi e unità angolari non sono supportati. HSL richiede percentuali S/L. Parte di questa sintassi è valida in CSS.

HEX arrotonda al byte più vicino, con spareggi verso l’alto; RGB e alfa funzionale usano fino a 8 decimali, HSL fino a 6. Una tonalità arrotondata a 360 diventa 0. Il ritorno esatto non è garantito.

Non offre conversione ICC, CMYK o ampia gamma, classificazione del contrasto o certificazione della corrispondenza. Il campione illustra l’RGB generato; la chiarezza HSL non valuta l’accessibilità.

Privacy

Il calcolo avviene nel browser senza caricamenti, account, cronologia, registrazione dell’input o link con il colore aggiunti dallo strumento. La copia è su richiesta; se fallisce è disponibile testo di sola lettura. Gli altri servizi seguono le politiche del sito.

Domande frequenti

È supportato solo un sottoinsieme di valori HEX/RGB/HSL; il rifiuto non significa CSS non valido.

0.5 × 255 = 127.5 si arrotonda a 128, ossia 80 in esadecimale; 128/255 non è esattamente 0.5.

No. I canali RGB restano separati dall’alfa.

Il grigio non ha una tonalità unica; vicino a 360° anche l’arrotondamento può dare 0°, con avviso.

Il codice CSS usa cifre ASCII e punto. Copia tutto usa prefissi HEX, RGB e HSL, righe LF e nessun ritorno finale.

No. È una coordinata del modello, non luminanza relativa, luminosità percepita o valutazione di accessibilità.

Fonti e metodo

CSS Color 4 descrive i formati e i calcoli di riferimento per questo convertitore limitato.

Il convertitore implementa un sottoinsieme limitato e proprie regole di arrotondamento, non tutto CSS.

Da SVG a PNG

Converti un file SVG locale o il codice incollato in PNG, con dimensioni definite, trasparenza e caratteri inclusi.

Apri strumento — Da SVG a PNG

Generatore di filtri CSS

Ordina e ripeti gli effetti CSS, confronta un campione e copia la dichiarazione esatta.

Apri strumento — Generatore di filtri CSS

Calcolatore della dimensione fluida del testo

Definisci la dimensione del testo per due larghezze del viewport. Copia il CSS relativo alla radice e osserva il modello calcolato con gli stessi coefficienti esportati.

Apri strumento — Calcolatore della dimensione fluida del testo

Generatore di pulsanti CSS

Personalizza gli stati di un pulsante nativo, verifica il focus e copia HTML e CSS.

Apri strumento — Generatore di pulsanti CSS

Generatore CSS border-radius

Modifica otto raggi, visualizza il riquadro e copia il CSS in pixel o percentuale.

Apri strumento — Generatore CSS border-radius

Generatore CSS Grid

Crea un esempio CSS Grid con tracce, posizioni e aree con nome. Visualizza l’anteprima, copia CSS o HTML e scarica l’esempio completo.

Apri strumento — Generatore CSS Grid

Generatore CSS Flexbox

Crea un esempio Flexbox con controlli di contenitori ed elementi, assi di layout espliciti, CSS e HTML corrispondenti e download locale di un esempio completo.

Apri strumento — Generatore CSS Flexbox

Generatore CSS di ombre del testo

Crea ombre del testo ordinate, visualizza testo semplice e copia il CSS esatto.

Apri strumento — Generatore CSS di ombre del testo

Generatore di trasformazioni CSS

Componi trasformazioni 2D CSS ripetibili, modifica px o la traslazione e l'origine percentuale, ispeziona una casella di riferimento e copia le esatte dichiarazioni attuali.

Apri strumento — Generatore di trasformazioni CSS

Generatore di ombre CSS

Crea livelli box-shadow ordinati, visualizza l’anteprima e copia il codice CSS.

Apri strumento — Generatore di ombre CSS

Filigrana per immagini

Aggiungi testo o un logo alle immagini, controlla i risultati e scarica i singoli file o uno ZIP.

Apri strumento — Filigrana per immagini

Generatore di gradienti CSS

Crea gradienti lineari o radiali regolando colori, opacità e punti.

Apri strumento — Generatore di gradienti CSS

Immagine in testo (OCR)

Riconosci testo stampato in PNG o JPEG locali, scegli la lingua e controlla o correggi il risultato prima di copiarlo o scaricarlo.

Apri strumento — Immagine in testo (OCR)

Lettore di codici QR da immagine

Leggi un codice QR da un PNG o JPEG locale ed esamina testo o byte senza aprire link.

Apri strumento — Lettore di codici QR da immagine

Verifica contrasto colori

Confronta i colori di primo piano e sfondo, regola l’opacità e verifica le soglie numeriche WCAG per testo e dettagli essenziali dell’interfaccia.

Apri strumento — Verifica contrasto colori

Calcolatore dimensioni di stampa e risoluzione

Calcola le dimensioni di stampa, i pixel necessari e i PPI effettivi con bordi o ritaglio.

Apri strumento — Calcolatore dimensioni di stampa e risoluzione

Calcolatore del rapporto d’aspetto

Trova il rapporto tra larghezza e altezza o nuove dimensioni in pixel impostando un solo lato.

Apri strumento — Calcolatore del rapporto d’aspetto

Compressore immagini

Prova ad adattare un JPEG, PNG o WebP a una dimensione file desiderata, con risultati misurati e dimensioni riducibili.

Apri strumento — Compressore immagini

HEIC in JPG

Converti localmente le foto HEIC supportate in JPG a piena risoluzione, scegli qualità e sfondo e scarica i risultati verificati singolarmente o in ZIP.

Apri strumento — HEIC in JPG

Convertitore di immagini

Converti immagini PNG, JPEG e WebP in locale, imposta trasparenza, sfondo e qualità e scarica i risultati.

Apri strumento — Convertitore di immagini

Crea collage di foto

Disponi le foto locali in una griglia e scarica un PNG o JPEG.

Apri strumento — Crea collage di foto

Ruotare e riflettere immagini

Ruota o rifletti un gruppo locale di immagini statiche PNG, JPEG e WebP, poi controlla e scarica i risultati elaborati.

Apri strumento — Ruotare e riflettere immagini

Ritagliare immagini

Ritaglia un JPEG, PNG o WebP locale con precisione in pixel e scarica il risultato in PNG o JPEG.

Apri strumento — Ritagliare immagini

Ridimensionare immagini

Ridimensiona JPG, PNG o WebP in pixel o percentuale, controlla l’anteprima e scarica il risultato.

Apri strumento — Ridimensionare immagini
Vedi tutti gli strumenti di questa categoria