Generatore di scale di colori

Girare un colore approvato in una scala ordinata da chiaro a scuro per stati dell'interfaccia utente, grafici e sistemi di token prima di confermare le specifiche di stile finali.

Questa pagina è dedicata alla pianificazione rapida dei token digitali. Non è un esportatore di file di progettazione o un simulatore di pittura fisica.

Altre lingue 日本語 | English | 繁體中文 | 繁體中文(香港) | Italiano

Come usare

  1. Inizia da un colore base approvato.
  2. Scegli una scala a 5, 7 o 9 passi a seconda del numero di livelli di token o di fasce del grafico di cui hai bisogno.
  3. Fai clic su un passaggio, quindi copia HEX, RGB o HSL nello strumento o nella scheda tecnica successiva.

Passa dalla scelta della tavolozza ai passaggi pronti per il sistema

Questa pagina si trova dopo l'esplorazione della tavolozza o del gradiente e prima dei controlli finali del contrasto o del trasferimento. È utile quando un colore approvato ora necessita di una scala ordinata per l'uso ripetuto dell'interfaccia utente o del grafico.

Costruisci una scala di colori ordinata a partire da un colore base.

Come scegliere tra le pagine vicine

Utilizzare Selettore colore quando ti serve ancora il primo campione funzionante. Utilizzare Controllo della temperatura del colore quando la direzione del colore necessita ancora di un controllo caldo/freddo/neutro. Utilizzare Generatore di tavolozze di colori quando desideri tinte, sfumature e candidati per l'accento nelle vicinanze. Utilizza questa pagina una volta che un colore approvato ora necessita di passaggi ordinati da chiaro a scuro per i token di sistema o gli stati del grafico. Passa a Generatore di gradienti quando i passaggi selezionati richiedono un gradiente pronto per CSS, a Convertitore di colori per il trasferimento della notazione e a Controllo del contrasto quando la coppia finale passaggio/sfondo deve superare i controlli di leggibilità.

Domande frequenti

Cosa fa questa pagina?

Costruisce una scala di colori da un colore di base e mostra valori copiabili per ogni passaggio.

Quando dovrei usarlo al posto del generatore di tavolozze di colori?

Utilizza il generatore di tavolozze di colori quando desideri campioni candidati nelle vicinanze come tinte, sfumature e accenti. Utilizza questa pagina quando l'attività successiva richiede una scala ordinata da chiaro a scuro per token, grafici o stati dell'interfaccia utente.

Esporta file di progettazione?

No. Crea solo campioni in scala ordinata e valori di colore copiabili.

Cosa è memorizzato nell'URL di condivisione?

L'URL di condivisione memorizza il colore di base, il conteggio dei passi selezionato e la chiave del passaggio attualmente selezionata.