Convertitore HEX RGB Gratis: Convertire Colori HEX in RGB Online

A Il contagocce cattura i colori da tutto lo schermo, non solo dal browser. Clicca l'icona, poi passa sopra qualsiasi pixel in Slack, Figma o persino un PDF. Il colore si blocca quando clicchi. Un avviso: alcuni sistemi operativi richiedono prima l'autorizzazione per la registrazione dello schermo.

A Sì, i codici HEX abbreviati funzionano senza problemi. Il nostro convertitore espande #FFF automaticamente in #FFFFFF (bianco). Funziona per qualsiasi codice a 3 caratteri, come #F06 che diventa #FF0066. I valori RGB, HSL e RGBA completi appaiono all'istante. Suggerimento: la forma abbreviata funziona solo quando ogni coppia ha cifre identiche — #ABC diventa #AABBCC.

A Certamente. I team di marketing usano questo strumento per garantire che lo stesso rosso #E63946 rimanga coerente tra banner web, post sui social e template email. Incolla qualsiasi codice HEX, e il convertitore ti fornisce i valori RGB per Photoshop, RGBA per effetti di sovrapposizione e HSL per regolazioni di teoria del colore. Sincronizza quell'unico valore HEX su ogni deliverable, e i gradienti delle tue sezioni hero non si discosteranno di una sola tonalità. Consiglio: salva i valori di output nella tua guida di stile del brand, così nessuno approssima a occhio.

A Incolla il tuo codice HEX nel convertitore e prendi i valori RGB. Poi usa un verificatore di contrasto con i colori di primo piano e sfondo. Per testo normale sotto 14pt in grassetto, punta a un rapporto 4,5:1 su bianco o nero. Il nostro strumento non calcola il contrasto direttamente, ma ti dà i numeri esatti per velocizzare il processo. WCAG AA richiede 4,5:1, AAA necessita 7:1. Consiglio: i grigi chiari come #CCCCCC falliscono su bianco.

A Sì, #000000 corrisponde esattamente a rgb(0, 0, 0) — nero puro senza luce rossa, verde o blu. Il problema è che i monitor non mostrano mai il nero reale a causa del bleed della retroilluminazione. Il pixel più scuro potrebbe visualizzare rgb(10, 10, 10) o peggio. Se progetti per display OLED, usa #000000 per quei neri profondi. Sui LCD standard, un grigio scuro come #1a1a1a spesso appare più nero del nero puro.

A RGB dà tre valori: rosso, verde e blu. RGBA aggiunge un quarto — alpha — che controlla l'opacità da 0 a 1. Se sovrapponi elementi, come una barra di navigazione su un'immagine hero, RGBA lascia vedere attraverso. Il nostro convertitore mostra entrambi: incolla #3498DB e ottieni rgb(52, 152, 219) e rgba(52, 152, 219, 1). Quel 1 finale significa completamente opaco. Ma per colori pieni, l'alpha è solo zavorra. Tienilo per gli hover o i overlay modali. Consiglio: prova 0,7 e 0,5 e vedi quale disturba meno.

A Nessuna differenza funzionale, cambia solo la notazione. Il nostro strumento espande automaticamente #fff in #ffffff, quindi ottieni gli stessi valori RGB in entrambi i casi. Funziona perché il formato abbreviato raddoppia ogni carattere: #f diventa ff, #c diventa cc. Ma occhio: #369 e #336699 NON sono lo stesso colore. Il formato corto #369 si espande in #336699, non in #036090 come potresti immaginare. In caso di dubbio, usa sempre il codice completo a 6 cifre per evitare sorprese.

A No. Incolla un codice come #FF5733 nel campo e ottieni subito rgb(255, 87, 51), insieme a HSL e RGBA. Tutto gira nel browser: niente da installare, niente caricato su un server. Molti designer tengono questa scheda aperta accanto a Figma o VS Code. Un consiglio: salvala nei preferiti, la userai più spesso di quanto pensi.

A Google non penalizza il tuo SEO se mescoli formati di colore nel foglio di stile. Tuttavia, i browser possono rallentare il rendering se usi una sintassi non valida. Il nostro strumento genera valori pronti per il CSS come rgb(241, 196, 15) per evitare errori di battitura. Incolla il tuo codice brand una volta e copia la stringa esatta per il tuo file.

A Tailwind richiede numeri separati da spazi come 59 130 246 invece delle virgole. Il nostro convertitore mostra stringhe CSS standard per impostazione predefinita. Devi rimuovere tali virgole per le classi di utilità moderne. Gli sviluppatori dimenticano spesso questo dettaglio quando passano ai framework. Prendi le cifre grezze direttamente dal nostro riquadro di output per evitare errori.