Formattatore Colori

Converti colori tra formati HEX, RGB, HSL con selettore visivo e anteprima

Color Input

Pick a Color

Or enter manually

Preview

All Formats

Tips

Use the color picker or type a color value in any supported format
Supported formats: HEX (#3B82F6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%))
3-digit HEX shorthand is supported (e.g. #F00 = #FF0000)

Funzionalità Professionali di Elaborazione Formattatore Colori

Tutto ciò di cui hai bisogno per lavorare con i dati Formattatore Colori in modo efficiente e professionale

Validazione Colore

Valida l'input del colore e rileva automaticamente il formato (HEX, RGB, HSL) per conversione istantanea.

Conversione Formato

Converti tra formati colore HEX, RGB, HSL e HSV con un clic o durante la digitazione.

Selettore Visivo

Usa il selettore colori nativo per selezionare colori visivamente con anteprima e conversione istantanee.

Anteprima in Diretta

Visualizza un'anteprima del campione colore in tempo reale che si aggiorna quando modificate i valori in qualsiasi formato.

Conversione Istantanea

Converti tra formati colore istantaneamente con matematica pura — nessun round-trip al server, completamente privato.

Copia Formati

Clicca su qualsiasi valore di formato per copiarlo direttamente negli appunti per l'uso in CSS o strumenti di design.

Come Funziona

Semplici passaggi per elaborare il tuo Formattatore Colori come un professionista

Inserisci o Scegli un Colore

Digita un valore HEX, RGB o HSL, o usa il selettore colori per scegliere visivamente.

Conversione Automatica

Tutti i formati colore vengono convertiti e mostrati istantaneamente mentre digitate o scegliete.

Anteprima Colore

Visualizza l'anteprima del campione colore in diretta per confermare la selezione.

Copia Formato

Clicca su qualsiasi valore di formato per copiarlo negli appunti.

Formattatore e Validatore Professionale di Formattatore Colori

L'elaborazione di Formattatore Colori avviene interamente nel tuo browser — nessun upload, nessun account, nessun limite.

Metodo di elaborazione

Consulta esempi, limiti di sintassi e documentazione originale dello strumento per capire il risultato.

Caratteristiche Tecniche Chiave:

• Conversioni conformi a CSS Color Module Level 4
• Integrazione del selettore colori nativo del browser
• Supporto per spazi colore HEX, RGB, HSL e HSV
• Elaborazione lato client per massima sicurezza e velocità
• Anteprima in tempo reale con campione colore live

Elaborazione e risultato

Verifica il metodo indicato e confronta risultato e input prima di utilizzarlo.

Sicurezza e Privacy:

• Elaborazione 100% lato client: i dati non vengono mai inviati ai server
• Nessun tracciamento, cookie o raccolta dati
• Crittografia HTTPS per connessioni sicure
• Nessun dato archiviato o memorizzato nella cache dopo l'elaborazione
• Approccio conforme al GDPR e al CCPA

Perché i Professionisti Scegliono EZ Formatter

100%

Elaborazione lato client

Dati inviati ai server

Strumenti nel banco di lavoro

I tuoi dati restano nel tuo browser

Domande frequenti

Risposte alle domande comuni sulla formattazione Color Formatter

Sì, il nostro formattatore colori è completamente gratuito e non richiede registrazione. Tutta l'elaborazione avviene nel vostro browser.

Supportiamo conversioni HEX (#FF6600), RGB (rgb(255,102,0)), HSL (hsl(24,100%,50%)) e HSV con supporto del canale alfa.

Sì. Cliccate sul campione di colore per aprire il selettore colori nativo e scegliere qualsiasi colore visivamente. Tutti i formati si aggiornano istantaneamente.

Sì. Potete includere valori alfa nei formati RGBA e HSLA, con valori da 0 (trasparente) a 1 (opaco).

Basta incollare il valore HEX (#FF6600) nel campo di input. Lo strumento mostra istantaneamente gli equivalenti RGB, HSL e HSV.

HEX (#rrggbb, #rgb, #rrggbbaa), RGB/A (forme 0-255 e in percentuale), HSL/A (secondo CSS Color 4), più alcune notazioni legacy (la sintassi con virgole di rgb()) e i colori CSS denominati (i 148 nomi nella specifica CSS). La conversione è esatta quando il formato di destinazione può rappresentare il colore; HEX↔RGB è senza perdite, mentre HSL arrotonda le componenti all'intero più vicino al momento del rendering.

HSL è intuitivo ma distorce la luminosità percettiva (il giallo a L=50% appare molto più brillante del blu a L=50%). HWB (tonalità-bianco-nero, CSS Color 4) semplifica la miscelazione di tinte e ombre. OKLCH (CSS Color 4, derivato dallo spazio colore OKLab) è percettivamente uniforme - il formato adottato dai design system moderni perché passi uguali del canale L appaiono ugualmente luminosi; il convertitore restituisce tutti e tre.

Il canale alpha viene convertito in tutte le notazioni (#rrggbbaa, rgba(), hsla(), oklch(... / 0.5)). I colori Display-P3 e gli altri colori wide-gamut vengono mappati all equivalente sRGB più vicino con un avviso di gamut clipping - sRGB non può rappresentarli, e lo strumento lo dichiara invece di far credere che il round-trip sia senza perdite.

{-- * External Resources Component（#19 Phase 3b 内容佐证工程） * 工具页「权威引用」区块：RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染（无权威来源的工具静默跳过） * - 链接 title 保持英文（引用源专名）；description 经 * common.resources.descriptions.{key} 本地化，lang 未命中回退英文（线上不裸奔） * - 链接保持 dofollow（rel="noopener noreferrer"） * * @param string|null $slug --}}

Riferimenti autorevoli

Standard e documentazione ufficiale che definiscono i formati con cui lavora questo strumento.

W3C - CSS Color Module Level 4

Il CSS Color Module Level 4 del W3C — rgb, hsl, hwb, oklch e gli spazi colore sul web.

MDN Web Docs - <color> value

Riferimento Mozilla ai valori colore CSS e alle funzioni colore.

Web colors - Wikipedia

Colori web: notazione hex, palette dei nomi e storia dei colori nei browser.