Paletă de culori dintr-un site web
Introduceți orice URL de site web și extrageți paleta sa de culori: fiecare culoare folosită în foile sale de stil, clasificată după frecvență și gata de copiat sau exportat ca cod.
Introduceți o adresă de site web pentru a-i extrage paleta de culori.
Pot fi citite doar pagini web publice, iar culorile provin din CSS-ul pe care îl livrează pagina: un site care își pictează designul cu imagini sau canvas poate returna mai puține culori. Gratuit, fără înregistrare.
Despre Paletă de culori dintr-un site web
Instrumentul Paletă de Culori dintr-un Site Web dezvăluie culorile pe care le folosește efectiv un site. Introduceți o adresă web publică, iar pagina este preluată pe partea noastră, browserele nu pot citi direct un alt site din cauza restricțiilor cross-origin, apoi stilurile sale inline, blocurile de stil integrate și foile de stil legate sunt scanate pentru fiecare token de culoare.
Valorile HEX, rgb(), rgba(), hsl() și hsla() sunt toate normalizate la o singură formă HEX și numărate, astfel încât paleta revine clasificată în funcție de cât de des apare fiecare culoare în CSS-ul site-ului. Această ordonare după frecvență este ceea ce separă culoarea principală reală a unui brand de zecile de borduri și umbre singulare mai jos pe listă.
Fiecare mostră se copiază cu un clic, iar panoul de export transformă rezultatul în variabile CSS, SCSS, o configurație Tailwind, JSON, o foaie de mostre SVG sau o listă simplă de valori HEX. Instrumentul este gratuit și limitat ca rată, ajunge doar la adrese publice și nu stochează nimic în afara unui cache de scurtă durată al extragerii.
Cum să utilizați Paletă de culori dintr-un site web
- Lipiți o adresă de site web publică în câmp (https:// este adăugat automat dacă îl omiteți).
- Faceți clic pe „Extrage culorile” și așteptați un moment în timp ce pagina și foile ei de stil sunt citite.
- Examinați paleta: culorile sunt clasificate în funcție de cât de des apar în CSS-ul site-ului.
- Faceți clic pe orice mostră pentru a copia valoarea sa HEX, sau folosiți „Copiază tot” pentru întreaga listă.
- Deschideți Export pentru a obține paleta ca CSS, SCSS, Tailwind, JSON, SVG sau HEX simplu.