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.
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.Generatore palette colori graficiGenera colori distinti per grafici dashboard e data visualization, poi controlla contrasto e rischio daltonismo.Simulatore daltonismo coloriAnteprima palette per deuteranopia, protanopia e tritanopia per trovare combinazioni rischiose prima del rilascio.Convertitore colori HEX, RGB, HSL e OKLCHInserisci HEX, RGB o HSL nello strumento principale e copia i valori HEX, RGB, HSL e OKLCH dall’ispettore.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 variabili colore CSSGenera variabili CSS e design token da una palette colori, copia il blocco :root e mantieni coerenti temi e componenti.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.Guida alla mappatura dei temi shadcnGenera una palette nello strumento principale, poi assegna manualmente i colori alle variabili semantiche del tuo progetto shadcn.Generatore colori TailwindGenera nello strumento principale una scala di 11 tonalità da 50 a 950 ed esporta una configurazione Tailwind v3..Generatore schema colori sito webCrea uno schema colori per sito web con colori primari, neutri e accenti per hero, bottoni, card e form.