CColorWell
Ottieni ColorWell
Toolkit palette + accessibilità

Palette eleganti. Contrasto verificato. Un unico flusso di lavoro.

Inserisci un colore del brand. Ottieni una palette armonizzata, ogni verifica WCAG e le esportazioni per CSS, Tailwind e Figma — senza lasciare la pagina.

Piani da $5/mese — annulla quando vuoi

Live — works right here

Genera una palette

Scegli un colore del brand. ColorWell completa il resto.

Analoghi

Tonalità (chiaro → scuro)

Esporta

Scarica i design token

Pro

Salva la palette completa e la scala di tonalità come file pronti all'uso.

Passa a Pro per scaricare i file

Verifica contrasto

Abbina due colori qualsiasi della palette. ColorWell mostra il verdetto WCAG.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Rapporto

Verdetto: Non supera WCAG

Tutto ciò che serve a una palette di brand

Creato per designer e team front-end che realizzano interfacce ogni giorno.

Palette armonizzate

Scegli qualsiasi colore hex. ColorWell genera schemi analoghi, complementari, triadici e monocromatici con un clic.

Contrasto WCAG — istantaneo

Ogni coppia di colori nella tua palette riceve un verdetto AA/AAA per testo, testo grande e componenti UI.

Esportazioni CSS, Tailwind, Figma

Esportazione con un clic in variabili CSS, configurazione Tailwind, token JSON grezzi o stili Figma pronti da incollare.

Variazioni sicure per il brand

Schiarisci, scurisci e satura senza alterare la tonalità. ColorWell rimane nello spazio colore percettivo (Oklch).

Token nominati

Nomi automatici come "indigo-500" o "slate-700" rendono il tuo foglio di stile leggibile per gli umani, non solo codici hex.

Salva e sincronizza palette

Ogni palette che crei è tua — nominala, taggala, torna quando vuoi. Sync cloud per Pro.

Tre passaggi

Inizia da un singolo colore del brand. Termina con un foglio di stile funzionante.

1

Scegli

Inserisci un valore hex o usa il selettore colore.

2

Genera

ColorWell crea palette armonizzate ed esegue ogni controllo di contrasto.

3

Esporta

Copia token CSS, Tailwind o Figma — direttamente nel tuo codebase.

Prezzi semplici

Scegli un piano e smetti di lottare con i codici hex.

Starter

Per designer indipendenti

$5/mese
  • 100 palette salvate / mese
  • Controlli di contrasto illimitati
  • Esportazione CSS / Tailwind / JSON
  • Varianti sicure per il brand
Più popolare
Pro

Per team di branding

$15/mese
  • 2000 palette salvate / mese
  • Esportazione token Figma
  • Brand kit (progetti multi-palette)
  • Librerie sincronizzate in cloud
  • Supporto prioritario

Domande frequenti

Devo installare qualcosa?

No. ColorWell funziona interamente nel browser: i tuoi colori non lasciano il tuo dispositivo finché non scegli di sincronizzarli.

Quale spazio colore utilizzate?

ColorWell utilizza Oklch in background: le varianti rimangono nello spazio colore percettivo, così schiarire un colore del brand non ne altera la tonalità.

Come funzionano le esportazioni?

Copia con un clic negli appunti per variabili CSS, blocchi di configurazione Tailwind, JSON grezzo o stili pronti per Figma. Incollali direttamente nel tuo codice o strumento di design.

È disponibile una prova gratuita?

No: è uno strumento a pagamento con piani da $5 al mese. Starter costa $5/mese e Pro costa $15/mese; puoi annullare in qualsiasi momento.

Come annullare?

Dalla pagina dell'account o inviandoci una email. L'annullamento interrompe il rinnovo successivo: il tempo rimanente resta utilizzabile.

Smetti di ottimizzare manualmente i codici hex.

Genera la palette, pubblica il foglio di stile: tutto in un unico posto.

Vedi piani