Vai al contenuto principale
Converty

Convertitore Colori

Converte tra hex, RGB, HSL, OKLCH e OKLAB controllando il contrasto ed esportando token pronti per il CSS.

Supporta hex, rgb(), hsl(), oklch(), oklab() e i colori CSS con nome.

Colore attuale

#953769

Primo piano suggerito

#FFFFFF

Colore complementare

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alpha
Tema Tailwind
Genera una palette completa del brand per Tailwind CSS 4 o 3 a partire dal colore attuale.
50
oklch(94.5% 0.0212 350.46)
100
oklch(89.49% 0.0339 350.46)
200
oklch(81.48% 0.0542 350.46)
300
oklch(72.47% 0.0771 350.46)
400
oklch(61.46% 0.105 350.46)
500
oklch(48.44% 0.138 350.46)
600
oklch(43.57% 0.1236 350.46)
700
oklch(38.7% 0.1093 350.46)
800
oklch(33.22% 0.0932 350.46)
900
oklch(27.74% 0.077 350.46)
950
oklch(23.48% 0.0644 350.46)
Variabili CSS

Informazioni sulla conversione dei colori CSS

I convertitori colore aiutano a passare tra HEX, RGB, HSL, OKLCH e OKLAB. Sono più utili quando danno output leggibili, contesto sul contrasto e valori pronti per CSS o Tailwind.

Colori HEX, RGB, HSL e CSS

HEX, RGB e HSL coprono gran parte dei workflow quotidiani tra design, browser e frontend.

Una conversione veloce ti permette di riusare lo stesso colore senza riscrivere la sintassi.

Perché contano OKLCH e OKLAB

OKLCH e OKLAB aiutano a creare scale più morbide e variazioni di luminosità più prevedibili.

Sono utili quando vuoi palette bilanciate e rapporti di contrasto più affidabili.

Controllo del contrasto e output Tailwind

Controllo del contrasto e output pronti rendono il convertitore più utile nel lavoro UI.

Puoi passare più in fretta da un colore a scelte accessibili e token per Tailwind.

Domande frequenti

Risposte sui formati colore supportati, su quando usare spazi percettivi come OKLCH e su come interpretare l'output di contrasto e Tailwind.

Altri strumenti

Esplora ogni pagina strumento dalla home oppure dal selettore nel menu superiore.

Immagini

Convertitore WebP

Converte fino a 10 immagini JPEG, PNG o WebP in WebP con preset di qualità e download ZIP.

Apri Convertitore WebP

Asset

Generatore Favicon / Icone App

Carica un'immagine quadrata e genera un pacchetto favicon con icone app e un web manifest iniziale.

Apri Generatore Favicon

Formati Dati

Convertitore JSON / YAML / TOML

Valida, formatta, minimizza e converte JSON, YAML e TOML con avvisi di compatibilità chiari.

Apri JSON / YAML / TOML

Formati Dati

Validatore CSV

Valida file CSV e righe incollate con rilevamento del delimitatore, controlli sulle intestazioni, elenco problemi e anteprima dei dati.

Apri Validatore CSV

Testo

Case, Slug ed Escape

Converte il testo in camelCase, snake_case, kebab-case, PascalCase, slug e forme di escape comuni.

Apri Case, Slug ed Escape

Testo

Validatore Markdown

Valida la struttura Markdown, mostra l'anteprima renderizzata e intercetta problemi comuni prima della pubblicazione.

Apri Validatore Markdown