Generatore di palette colori

Monocromatico: diverse tonalità di un unico colore. Analogo: colori adiacenti sulla ruota cromatica (aspetto coerente). Complementare: colori opposti sulla ruota (alto contrasto). Triadico: tre colori equidistanti (equilibrio vivace). Tetradico/Quadrato: quattro colori equidistanti (ricco e complesso). Complementare diviso: un colore e i due vicini del suo complementare (più facile da bilanciare rispetto al complementare puro).

Carica una foto, uno screenshot o qualsiasi immagine (JPG, PNG, GIF, WebP fino a 10MB). Lo strumento analizza i colori dei pixel nel tuo browser usando il metodo scelto: Colori dominanti, Colori medi o Colori vibranti. Tutto viene elaborato lato client — nessuna immagine viene caricata su alcun server.

Gradiente lineare: i colori sfumano in linea retta a un angolo specificato. Gradiente radiale: i colori si espandono verso l'esterno da un punto centrale. Gradiente conico: i colori ruotano attorno a un punto centrale come una ruota cromatica. Tutti e tre generano il valore della proprietà CSS background.

Proprietà CSS personalizzate (--color-primary: #FF6B6B), JSON (array di oggetti colore con tutti i valori nei vari formati) e copia negli appunti per i singoli colori. Le variabili CSS si incollano direttamente nel blocco :root del tuo foglio di stile. Il JSON è utile per i design token.

HSL sta per Hue (tonalità, 0-360°), Saturation (saturazione, 0-100%) e Lightness (luminosità, 0-100%). A differenza di RGB, HSL è intuitivo: per rendere un colore più chiaro, aumenta la Luminosità; per renderlo meno saturo, riduci la Saturazione. Si adatta direttamente al modo in cui i designer pensano alle relazioni tra i colori.

CMYK (Cyan, Magenta, Yellow, Key/Black) è il modello di colore usato nella stampa. RGB è per gli schermi, CMYK è per le stampanti. Se stai preparando design per la stampa fisica, il tuo fornitore avrà bisogno dei valori CMYK. Nota: la conversione è approssimativa poiché gli spazi colore RGB e CMYK non coprono intervalli identici.

No. Tutte le conversioni di colore, la generazione di palette, la costruzione di gradienti e l'analisi delle immagini vengono eseguite localmente nel tuo browser tramite JavaScript. Le tue immagini e i dati colore non lasciano mai il tuo dispositivo.