Vai al contenuto principale
LibraTool logoLibraTool

Convertitore Colori gratis

Converti colori tra formati HEX, RGB, HSL, HSV e CMYK istantaneamente. Include una scala di luminosità e campioni predefiniti.

Funziona offline una volta caricato

Converti un colore tra HEX, RGB, HSL, HSV e CMYK — con anteprima live e copia con un tocco. Tutto eseguito nel tuo browser.

Formati accettati: HEX (#fff o #ffffff), RGB (255, 255, 255), o HSL (360, 100%, 50%)

100%
Preset:
HEX#14B8A6
rgb() · legacyrgb(20, 184, 166)
rgb() · modernorgb(20 184 166)
hsl() · legacyhsl(173, 80%, 40%)
hsl() · modernohsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
Valori RGB20, 184, 166

Contrasto WCAG

Su sfondo bianco

2,49:1

Non superato

Su sfondo nero

8,44:1

AAA
🖨️ Per la stampa: Questi valori CMYK (89%, 0%, 10%, 28%) sono un'approssimazione standard sRGB→CMYK per riferimento. Per il colore di stampa accurato, utilizza il profilo ICC della tua stampante o una prova stampata — il CMYK sullo schermo non può corrispondere a ogni inchiostro/carta.

Scala di luminosità

Clicca su un campione per passare a quella tonalità

Usi comuni

  • Converti Colori per il Web DesignOttieni valori HEX, RGB e HSL per qualsiasi colore — pronti da incollare in CSS o Tailwind.
  • Converti Colori per la Stampa (CMYK)Converti i colori dello schermo (HEX/RGB) in valori CMYK per l'uso nel design di stampa e nella stampa professionale.
  • Costruisci Palette di Colori per Sistemi di DesignConverti i colori del marchio in tutti i formati e genera scale di luminosità coerenti per un sistema di design completo.
  • Controlla il Contrasto dei Colori per l'AccessibilitàConverti i colori per ottenere i valori RGB da utilizzare negli strumenti di rapporto di contrasto - conformità WCAG per un design accessibile.
  • Converti Colori per FigmaOttieni i valori HEX e RGB esatti da incollare nei selezionatori di colore Figma e nei sistemi di token di design.

Come funziona

Tutta la logica di conversione è JavaScript scritto a mano che funziona interamente nel tuo browser — nessuna libreria, nessuna chiamata al server. Lo strumento analizza il tuo input, lo instrada attraverso una catena di funzioni matematiche pure, e produce simultaneamente undici formati di output inclusi gli spazi CSS Color 4 moderni oklch() e lab().

  1. 1
    Analisi flessibile dell'input
    Un parser personalizzato accetta hex (3, 4, 6, o 8 cifre), rgb()/rgba(), hsl()/hsla() sia in sintassi legacy con virgole che in sintassi moderna con spazi, e triplette numeriche semplici. I valori alfa come decimali o percentuali sono normalizzati nell'intervallo 0-1 prima che inizi qualsiasi conversione.
  2. 2
    RGB come hub di conversione
    Ogni formato accettato viene prima risolto in una tripletta RGB canonica. Da questa singola rappresentazione lo strumento si diversifica: HSL e HSV usano le formule standard min/max/croma; CMYK è derivato trovando il canale chiave; e la linearizzazione sRGB (la curva gamma a tratti definita in IEC 61966-2-1) viene applicata prima dei calcoli negli spazi percettivi.
  3. 3
    Spazi colore percettivi calcolati da zero
    oklch() viene calcolato usando le matrici di riferimento 3×3 di Björn Ottosson (spazio radice cubica LMS). lab() e lch() usano l'adattamento cromatico di Bradford per convertire dal punto bianco D65 a D50, che corrisponde a come CSS Color 4 definisce lab(). Queste sono le stesse formule usate nei motori di rendering dei browser — implementate qui senza alcuna dipendenza esterna.
  4. 4
    Contrasto WCAG e scala di luminosità
    La luminanza relativa viene calcolata secondo la formula WCAG 2.1 (R, G, B linearizzati pesati 0,2126/0,7152/0,0722) e il rapporto di contrasto rispetto a bianco e nero è classificato AA-grande, AA, AAA, o Fallito. Una striscia di luminosità a nove passi viene generata facendo avanzare il canale di luminosità HSL dal 10% al 90%, permettendoti di cliccare qualsiasi campione per convertire quella tonalità.

Strumenti correlati

🎨

Selettore colori e generatore palette

Scegli colori, converti tra HEX/RGB/HSL e genera palette armoniose.

Prova
🎨

Generatore di colori casuali

Genera colori casuali uno alla volta o in una palette di cinque, blocca quelli che ti piacciono, copia i valori HEX, RGB o HSL ed esporta la palette in PNG o CSS.

Prova
🎨

Generatore Palette Colori

Genera palette di colori complementari, analoghe, triadiche e monocromatiche da qualsiasi colore base. Copia i codici hex con un clic.

Prova

Domande frequenti