Summary  
This chapter explains how to configure solid and gradient color fills by manipulating color value systems (hex, RGB, HSL, HSB), adjusting color stops’ positions, opacity, and orientation, and selecting gradient types (linear, radial, angular, diamond).  

General domain of usage  
UI/UX design

In Figma, è possibile utilizzare colori pieni o colori sfumati per le forme e i progetti.
- Accedere al Pannello di Design e cliccare sull'icona Riempimento;
- Utilizzare lo Spettro Tonale, il Cursore Tonalità e il Cursore Opacità per regolare i colori.
### I sistemi di valori colore che vedrai sono

- È inoltre possibile utilizzare lo strumento **Contagocce** per campionare colori dalla pagina o dal frame, oppure accedere ai colori salvati da altri progetti tramite il menu a discesa;
- Quando si seleziona l'opzione **Riempimento sfumato** nel menu Riempimento, apparirà una barra di gradiente;
- È possibile regolare la **barra del gradiente** modificando la posizione degli stop colore, aggiungendo nuovi stop, ruotando il gradiente, invertendolo o regolando i singoli colori degli stop e la loro opacità secondo necessità.

Quale dei seguenti NON è un sistema di valori colore disponibile in Figma?

Cosa succede quando si imposta uno stop in un gradiente a 0% di opacità?

Impara tutto, dalle basi della progettazione di interfacce utente alle tecniche avanzate di prototipazione e collaborazione. Esplora come creare wireframe, progettare layout visivamente accattivanti e collaborare efficacemente con i team di sviluppo utilizzando le potenti funzionalità di Figma. Perfetto sia per principianti che per professionisti, questo percorso di apprendimento combina progetti pratici, consigli di esperti e applicazioni reali per aiutarti ad avere successo nel competitivo mondo del design.

Scopri cos'è Figma, qual è il suo ruolo nel design UI/UX e come navigare nella sua interfaccia e nei suoi strumenti. Esplora la bacheca FigJam per il brainstorming e la collaborazione, insieme a pagine e frame in Figma, che costituiscono la base per organizzare e strutturare efficacemente i tuoi progetti.

Colore e Riempimento Sfumato in Figma: Padroneggiare le Palette per il Design UI/UX

I sistemi di valori colore che vedrai sono

1. Quale dei seguenti NON è un sistema di valori colore disponibile in Figma?

2. Cosa succede quando si imposta uno stop in un gradiente a 0% di opacità?