Chromoforge
Strumenti colore
Parti da un colore o da un’immagine. Genera le tonalità, verifica una coppia di contrasto ed esporta i colori per il tuo progetto.
Usa uno strumento
PaletteParti da un colore o da un’immagine. Genera le tonalità, verifica una coppia di contrasto ed esporta i colori per il tuo progetto.Estrattore colori da immagineEstrai colori dominanti da immagini PNG, JPG o WebP direttamente nel browser e trasformali in palette e token esportabili.Generatore sfumature coloreGenera una scala 50-950 da un colore base per superfici UI, bordi, hover e dark mode.Controllo contrasto WCAGVerifica contrasto tra testo e sfondo secondo WCAG AA e AAA, testa coppie colore reali e scegli combinazioni leggibili.Convertitore colori: HEX, RGB, HSL e OKLCHConverti HEX, RGB, HSL o OKLCH in HEX, RGB, HSL e OKLCH. Copia ogni formato o una variabile CSS direttamente. Gratuito, locale e senza account.Generatore variabili colore CSSGenera variabili CSS da un colore: brand, testo leggibile e undici tonalità da 50 a 950. Copia o scarica il CSS direttamente dalla pagina.Generatore temi shadcn/uiCrea un tema shadcn/ui da colori primario, secondario e neutro. Anteprima chiara/scura e token OKLCH con mapping @theme inline per Tailwind v4.Generatore palette TailwindGenera tre scale colore Tailwind da 50 a 950. Anteprima componenti ed export @theme v4, configurazione v3, variabili CSS o JSON.Generatore palette colori per graficiGenera palette per grafici con modalità categorica, sequenziale e divergente. Imposta lo sfondo, controlla il contrasto ed esporta JavaScript, JSON o CSS.
Guide pratiche
Palette colori accessibileGenera una palette nello strumento principale e verifica le coppie testo/sfondo che userai.Generatore palette colori brandCrea una palette brand da un logo o colore primario ed esporta variabili CSS e design token pronti per UI.Simulatore daltonismo coloriAnteprima palette per deuteranopia, protanopia e tritanopia per trovare combinazioni rischiose prima del rilascio.Generatore armonia coloriGenera armonie complementari, analoghe, triadiche, split-complementary, tetradiche e monocromatiche.Generatore di palette coloriGenera palette armoniche da un colore base usando regole complementari, analoghe, triadiche e monocromatiche.Guida teoria del coloreImpara armonia del colore, contrasto WCAG e scelte pratiche di palette per interfacce web leggibili e coerenti.Generatore palette dark modeCrea palette dark mode con foreground leggibili, superfici muted, bordi e accenti accessibili.Generatore design tokenCrea design token colore da una palette ed esporta CSS variables, SCSS map, JSON e valori Tailwind.Generatore gradienti CSSCrea gradienti CSS lineari, radiali e conici da una palette, copia il codice e verifica transizioni cromatiche pulite.Generatore schema colori sito webCrea uno schema colori per sito web con colori primari, neutri e accenti per hero, bottoni, card e form.