English
Español
Português
Français
Deutsch
Italiano
Turco
IndonesianoConvertitore di Colori
Incolla qualsiasi colore (HEX, RGB, HSL, HSV, CMYK o un nome) e ottieni subito ogni formato. Anteprima live, sfumature e armonie, chip di contrasto, copia in un clic. Premi Spazio per casuale.
Cos'è un convertitore di colori?
Un colore, ogni linguaggio
Lo stesso colore si puo scrivere in molti modi: HEX per i fogli di stile, RGB per schermi e codice, HSL per costruire palette, HSV per gli editor fotografici, CMYK per la stampa e LAB/XYZ per il lavoro percettivo. Questo strumento traduce tra loro all'istante, digita in qualsiasi notazione e ogni equivalente appare con anteprima live.
Oltre la conversione ottieni sfumature e tinte, armonie complementari, analoghe e triadiche, anteprime di contrasto su bianco e nero e link condivisibili.
Come si usa
01
Inserisci qualsiasi formato
HEX (#3B82F6 o #39F), rgb(), hsl(), hsv(), cmyk(), “255,130,246” o nomi come teal. Rilevato in automatico mentre digiti.
02
Copia cio che serve
Ogni riga ha il suo pulsante copia più Copia tutto. Incolla direttamente in CSS, Tailwind, Figma o specifiche di stampa.
03
Esplora le varianti
Clicca una sfumatura o armonia per ricaricarla. Vai al verificatore di contrasto per controllare la leggibilita.
Esempi reali
HEX da Figma verso CSS e Tailwind
Il designer ti passa #3B82F6, incollalo per ottenere rgb(59,130,246) per canvas, HSL per varianti hover e un link condivisibile ?hex=… per il ticket. Il flusso più usato sui siti di conversione.
Varianti hover e temi con HSL
Serve un pulsante più scuro su hover? Mantieni tonalita e saturazione, abbassa la luminosita di 10 punti (per esempio hsl(217,91%,60%) → 50%). Copia il nuovo HEX. Niente tentativi, token di design coerenti.
Kit di marca in ogni notazione
Documenta un colore di marca come HEX per CSS, RGB per le app, HSL per i temi e CMYK per la carta intestata, fianco a fianco. Clicca una sfumatura per ricaricarla e costruire l'intera scala 50-950.
Controllo stampa packaging
I vivaci da schermo cambiano in stampa. Incolla l'HEX per vedere in anteprima il CMYK semplice (per esempio blu vivido verso ciano e magenta alti), poi conferma con prove e profili ICC prima della produzione.
Calcoli foto e canvas con HSV e RGB
Gli editor ragionano in HSV/HSB (Photoshop), il codice ragiona in canali RGB 0-255. Converti hsv(217,76%,96%) in canali per script, shader o pipeline di immagini.
Debug discrepanze e contrasto
Il colore sembra diverso tra piattaforme? Converti per confrontare i canali esatti, controlla i chip bianco e nero, poi vai al verificatore di contrasto per controllare la leggibilita prima di pubblicare.