Strumento gratis

Generatore di palette colori

Carica una foto. Scopri i suoi colori principali con codici HEX e RGB, un controllo del contrasto con testo bianco e nero e un'anteprima di una pagina link in bio in quei colori.

La tua foto

Numero di colori
Ordine

La tua palette

    Anteprima su una pagina link in bio

    Ana Ruiz

    Corsi di ceramica

    Acquista le nuove tazzePrenota un corsoUltimo video

      Cosa fa un generatore di palette colori

      Un generatore di palette colori trova i colori principali di un'immagine e te ne dà i codici. Questo legge la tua foto nel browser, raggruppa i pixel simili e restituisce i 5, 6 o 8 colori che ne coprono di più. Ogni colore ha il suo codice HEX e RGB e un controllo del contrasto per il testo.

      I creator usano una palette tratta dalle proprie foto perché profilo, post e pagina link in bio sembrino un insieme coerente. Il controllo del contrasto ti dice quali colori possono reggere il testo e quali funzionano meglio come sfondo o come accento.

      La tua foto non lascia mai il tuo dispositivo. Lo strumento la disegna su un canvas nel browser, quindi nessun caricamento, nessun account e nessun limite.

      Come creare una palette da una foto

      1. Carica una foto

        Usa una foto che pubblichi spesso, come la foto del profilo o lo scatto di un prodotto. Vanno bene file JPG, PNG e WebP.

      2. Scegli quanti colori

        Scegli 5, 6 o 8 colori. Ordinali per quanta parte della foto coprono, oppure dal chiaro allo scuro.

      3. Controlla il contrasto

        Ogni colore mostra il suo contrasto con testo bianco e nero. Usa i colori che superano il controllo per i pulsanti con testo.

      4. Copia i codici

        Copia un codice HEX, l'elenco completo o la palette come variabili CSS per il tuo sito.

      Regole di contrasto per il testo sui tuoi colori

      Le Web Content Accessibility Guidelines (WCAG 2.2) fissano il contrasto minimo tra testo e sfondo. I badge dello strumento usano questi valori.

      Cosa controlliRapporto minimoRegola WCAG
      Testo normale su un colore4.5:11.4.3 Contrast (Minimum), livello AA
      Testo grande: 24px, o 18,5px in grassetto3:11.4.3 Contrast (Minimum), livello AA
      Testo normale, livello più rigoroso7:11.4.6 Contrast (Enhanced), livello AAA
      Testo grande, livello più rigoroso4.5:11.4.6 Contrast (Enhanced), livello AAA
      Un pulsante o un'icona rispetto alla pagina3:11.4.11 Non-text Contrast, livello AA

      Fonti: W3C, Understanding 1.4.3 Contrast (Minimum), W3C, Understanding 1.4.6 Contrast (Enhanced), W3C, Understanding 1.4.11 Non-text Contrast. Verificato l'11 novembre 2026.

      Sulla tua pagina More.You

      I tuoi colori sulla tua pagina link in bio

      Su una pagina More.You imposti tu lo sfondo, i pulsanti, i font e i colori. Ogni modifica va in una bozza con annulla, così la tua pagina online non mostra mai un design a metà.

      more.you/

      • Temi e colori su Free

        Scegli un tema, poi cambia lo sfondo, lo stile dei pulsanti, i font e i colori. Mescola la galleria dei temi quando cerchi idee.

        Temi e design

      • Parti da un template

        I template per professione ti danno una prima pagina già finita. Applicane uno, poi sostituisci i colori con quelli della tua foto.

        Template link in bio

      • Cinque layout dell'intestazione

        Le intestazioni classic, hero, banner, cutout e shape mettono la tua foto dove funziona meglio con la tua palette.

      Domande sulla palette colori

      Come sceglie i colori il generatore di palette?

      Riduce la foto a una piccola copia, legge ogni pixel e ordina i pixel in gruppi di colori simili con un metodo chiamato median cut. Calcola la media di ogni gruppo, scarta i colori quasi identici e tiene quelli che coprono la quota maggiore della foto.

      La mia foto viene caricata da qualche parte?

      No. Lo strumento apre la foto nel browser e la legge su un elemento canvas del tuo dispositivo. Non viene inviato nulla a More.You né a nessun altro server, e non viene salvato nulla. Chiudi la scheda e la foto e la palette spariscono.

      Cosa significano i codici HEX e RGB?

      Descrivono lo stesso colore. RGB indica la quantità di rosso, verde e blu da 0 a 255, per esempio rgb(178, 246, 227). HEX scrive gli stessi tre numeri in base 16 dopo un cancelletto, per esempio #B2F6E3. La maggior parte delle app di design e degli strumenti per creare siti accetta l'uno o l'altro.

      Che contrasto serve perché il testo sia leggibile?

      WCAG 2.2, lo standard di accessibilità del web, chiede un rapporto di contrasto di almeno 4,5:1 per il testo normale e 3:1 per il testo grande al livello AA. Per testo grande si intende 24px, o 18,5px in grassetto. I badge accanto a ogni colore mostrano il suo rapporto con il testo bianco e con il nero.

      Come uso la palette sulla mia pagina link in bio?

      Usa il colore più chiaro come sfondo della pagina e un colore più forte per i pulsanti. Poi controlla che il testo del pulsante superi 4,5:1 sul colore del pulsante. L'anteprima nello strumento mostra questa impostazione e ti dice quali coppie lo superano.

      Quali tipi di file posso usare?

      Qualsiasi immagine che il tuo browser riesce ad aprire, come JPG, PNG, WebP e GIF. Per una GIF lo strumento legge il primo fotogramma. Se un file non si apre, salvalo come JPG o PNG sul telefono o sul computer e riprova.

      Posso copiare la palette come CSS?

      Sì. Seleziona Copia come variabili CSS per ottenere un blocco :root con una variabile per colore, per esempio --color-1: #B2F6E3. Incollalo all'inizio del tuo foglio di stile e usa var(--color-1) dove ti serve il colore. Le variabili seguono l'ordine che hai scelto, quindi --color-1 è il colore più usato o il più chiaro.

      Altri strumenti gratis

      Gratis, senza account. Nulla di ciò che scrivi viene salvato sui nostri server.

      Font generator

      Trasforma il tuo testo in 24 stili, dal grassetto e corsivo allo script e alle bolle. Copia e incolla ovunque.

      Apri lo strumento →

      Generatore di bio

      Genera 12 idee di bio per Instagram, TikTok, X o YouTube, con contatore di caratteri in tempo reale.

      Apri lo strumento →

      Generatore di QR code

      Trasforma qualsiasi link in un QR code. Scegli i colori, scarica PNG o SVG. Non scade mai.

      Apri lo strumento →

      Vedi tutti gli strumenti gratis

      Guide: Guida al design della pagina bio: layout, temi, pulsanti, Temi per link in bio: come sceglierne uno che converte.

      Pagine correlate
      Fonti
      1. W3C, Understanding SC 1.4.3 Contrast
      2. W3C, Understanding SC 1.4.6 Contrast
      3. W3C, Understanding SC 1.4.11 Non-text Contrast

      Fonti verificate l'11 novembre 2026.

      I tuoi colori, sulla tua pagina

      Crea la tua pagina More.You gratis e imposta sfondo, pulsanti e font con i colori della tua foto.

      more.you/

      Lingua