Palette di colori da un sito web
Inserisci l'URL di un sito web ed estraine la palette di colori: ogni colore usato nei suoi fogli di stile, ordinato per frequenza e pronto da copiare o esportare come codice.
Inserisci l'indirizzo di un sito web per estrarne la palette di colori.
Si possono leggere solo pagine web pubbliche, e i colori provengono dal CSS che la pagina fornisce: un sito che disegna con immagini o canvas può restituire meno colori. Gratuito, senza registrazione.
Informazioni su Palette di colori da un sito web
Lo strumento Palette di colori da un sito web rivela i colori che un sito usa realmente. Inserisci un indirizzo web pubblico e la pagina viene recuperata dal nostro lato, i browser non possono leggere direttamente un altro sito a causa delle restrizioni cross-origin, poi i suoi stili inline, i blocchi di stile incorporati e i fogli di stile collegati vengono analizzati alla ricerca di ogni token di colore.
I valori HEX, rgb(), rgba(), hsl() e hsla() vengono tutti normalizzati in un'unica forma HEX e conteggiati, così la palette torna ordinata in base a quanto spesso ciascun colore compare nel CSS del sito. Questo ordinamento per frequenza è ciò che distingue il vero colore primario di un marchio dalle decine di bordi e ombre occasionali più in basso nell'elenco.
Ogni campione si copia con un clic e il pannello di esportazione trasforma il risultato in variabili CSS, SCSS, una config Tailwind, JSON, un foglio di campioni SVG o un semplice elenco HEX. Lo strumento è gratuito e con limite di frequenza, raggiunge solo indirizzi pubblici e non memorizza nulla oltre a una cache di breve durata dell'estrazione.
Come usare Palette di colori da un sito web
- Incolla un indirizzo web pubblico nel campo (https:// viene aggiunto automaticamente se lo ometti).
- Clicca "Estrai colori" e attendi un momento mentre la pagina e i suoi fogli di stile vengono letti.
- Esamina la palette: i colori sono ordinati in base a quanto spesso compaiono nel CSS del sito.
- Clicca su un campione per copiarne il valore HEX, oppure usa "Copia tutto" per l'intero elenco.
- Apri Esporta per ottenere la palette come CSS, SCSS, Tailwind, JSON, SVG o HEX semplice.