Ogni designer e sviluppatore si scontra con questi ostacoli quando cambia formato colore.
Gli strumenti di design esportano in HEX, CSS si aspetta HSL e la stampa richiede CMYK. Senza un convertitore di colori affidabile si finisce per indovinare o saltare da un sito all'altro, sprecando tempo prezioso.
Convertire RGB in HSL a mano richiede trigonometria. Un singolo errore di battitura nella formula ruota la tua tonalità di 180°. Color Math esegue tutti i calcoli all'istante e senza errori.
La maggior parte dei selettori di colore ignora i requisiti di contrasto WCAG 2.1. Color Math mostra i rapporti di contrasto immediatamente, così l'accessibilità è integrata fin dal primo clic.
Anteprima colore
#3B82F6
rgb(59, 130, 246)
Current
Complementare
Analoga
Triadica
Clicca su una tinta per caricarla
White text on color
Black text on color
I colori salvati appariranno qui
Un unico convertitore di colori per tutti i sistemi. Color Math sostituisce più strumenti in una volta sola.
Modifica qualsiasi campo — HEX, RGB, HSL o CMYK — e Color Math ricalcola istantaneamente tutti gli altri formati. Nessuna conferma necessaria.
Trascina gli slider R, G, B, H, S, L, C, M, Y, K e guarda tutti i formati aggiornarsi in tempo reale. Ideale per affinare le tonalità senza usare la tastiera.
Color Math genera palette complementari, analoghe e triadiche dalla tua tonalità. Clicca su qualsiasi tinta per caricarla immediatamente.
Guarda a colpo d'occhio i rapporti di contrasto su sfondo bianco e nero. Color Math indica AA, AAA o Non superato per un design accessibile di default.
Ogni colore salvato persiste nel browser tra una sessione e l'altra. Color Math conserva fino a 10 colori recenti da rivedere e confrontare in qualsiasi momento.
Tutti i calcoli di Color Math vengono eseguiti interamente nel browser. Nessun dato viene trasmesso, nessun account richiesto — i tuoi colori sono solo tuoi.
Dal collegamento tra design e codice alla stampa e all'accessibilità — Color Math si adatta a ogni fase del flusso di lavoro con i colori.
Hai preso un HEX da Figma? Incollalo in Color Math e ottieni subito l'equivalente HSL per le tue proprietà personalizzate CSS. Regola la luminosità per gli stati hover e focus senza riaprire il file di design.
Color Math converte il tuo RGB da schermo in valori CMYK teorici per individuare rossi e arancioni fuori gamma prima di inviare il file alla tipografia. Previeni brutte sorprese senza costi aggiuntivi.
Color Math calcola i rapporti di contrasto WCAG 2.1 rispetto al bianco e al nero in tempo reale. Sappi immediatamente se il colore del tuo testo soddisfa i livelli AA o AAA — senza strumenti aggiuntivi.
Tre passi per convertire, esplorare e salvare qualsiasi colore.
Digita un codice HEX (le abbreviazioni come #f00 si espandono automaticamente) o trascina uno slider per iniziare. Color Math accetta input HEX, RGB, HSL e CMYK contemporaneamente.
Passa tra le schede RGB, HSL e CMYK per regolare con gli slider. Scorri fino al pannello Palette per vedere i colori complementari, analoghi e triadici generati da Color Math.
Clicca su un pulsante Copia per ottenere il formato desiderato. Premi Salva per aggiungere la tinta corrente alla cronologia. Color Math conserva fino a 10 colori tra le sessioni.
Risposte alle domande più comuni su Color Math e la conversione dei colori.
Color Math è un convertitore di colori gratuito e basato su browser che trasforma codici HEX, RGB, HSL e CMYK in tempo reale. Genera anche palette di colori (complementare, analoga, triadica) e calcola i rapporti di contrasto WCAG 2.1 — tutto senza richieste al server.
Color Math usa una formula matematica standard (RGB → CMYK) che fornisce una buona stima teorica. Tuttavia, l'output di stampa reale dipende da stampante, inchiostri, carta e profilo ICC. Usa Color Math come riferimento, non come sostituto della gestione professionale dei colori di stampa.
WCAG 2.1 definisce rapporti minimi di contrasto per la leggibilità del testo. AA richiede 4,5:1 per il testo normale e 3:1 per il testo grande. AAA richiede 7:1 per il testo normale. Color Math calcola questi rapporti rispetto al bianco puro e al nero puro per aiutarti a scegliere lo sfondo giusto.
HSL (Tonalità, Saturazione, Luminosità) corrisponde meglio al modo in cui CSS definisce i colori e a come i designer pensano alle tinte e alle ombre. Una Luminosità del 50% in HSL dà la versione più pura di una tonalità, rendendo facile generare varianti più chiare o più scure modificando un solo valore.
Color Math salva i tuoi colori solo nel localStorage del tuo browser — mai su un server. La cronologia è locale al tuo dispositivo e profilo del browser. La cancellazione dei dati del browser rimuoverà questa cronologia.
Color Math calcola i colori della palette usando la teoria del colore HSL. I colori complementari si trovano a 180° sulla ruota dei colori. I colori analoghi si trovano a ±30°. I colori triadici si trovano a +120° e +240°. Saturazione e luminosità restano identiche al colore di origine per una palette visivamente coerente.
Sì. Color Math è completamente responsivo. Slider, campi di input e la griglia della palette si adattano agli schermi piccoli. Tutti i calcoli sono locali, quindi non c'è latenza sulle reti mobili.
Nessuna registrazione richiesta. Funziona offline dopo il primo caricamento.
