Ange valfri webbadress och extrahera dess färgpalett: varje färg som används i stilmallarna, rankad efter frekvens och redo att kopiera eller exportera som kod.

Ange en publik webbsida. Vi läser dess stilmallar och infogade stilar och rankar sedan de färger den använder.

Ange en webbadress för att extrahera dess färgpalett.

Endast publika webbsidor kan läsas, och färgerna kommer från den CSS som sidan levererar: en webbplats som målar med bilder eller canvas kan ge färre färger. Gratis, ingen registrering.


Om Färgpalett från webbplats

Verktyget Färgpalett från webbplats visar vilka färger en webbplats faktiskt använder. Ange en publik webbadress så hämtas sidan på vår sida, webbläsare kan inte läsa en annan webbplats direkt på grund av begränsningar mellan olika ursprung, och sedan genomsöks dess infogade stilar, inbäddade stilblock och länkade stilmallar efter varje färgvärde.

HEX-, rgb()-, rgba()-, hsl()- och hsla()-värden normaliseras alla till en enda HEX-form och räknas, så paletten kommer tillbaka rankad efter hur ofta varje färg förekommer i webbplatsens CSS. Den frekvensordningen skiljer ett varumärkes verkliga primärfärg från de dussintals enstaka kantlinjer och skuggor längre ned i listan.

Varje färgruta kopieras med ett klick, och exportpanelen omvandlar resultatet till CSS-variabler, SCSS, en Tailwind-konfiguration, JSON, ett SVG-färgprovsark eller en enkel HEX-lista. Verktyget är gratis och har hastighetsbegränsning, når bara publika adresser och lagrar inget utöver en kortlivad cache av extraktionen.

Så använder du Färgpalett från webbplats

  1. Klistra in en publik webbadress i fältet (https:// läggs till automatiskt om du utelämnar det).
  2. Klicka på "Extrahera färger" och vänta en stund medan sidan och dess stilmallar läses.
  3. Granska paletten: färgerna är rankade efter hur ofta de förekommer i webbplatsens CSS.
  4. Klicka på en färgruta för att kopiera dess HEX-värde, eller använd "Kopiera alla" för hela listan.
  5. Öppna Exportera för att få paletten som CSS, SCSS, Tailwind, JSON, SVG eller vanlig HEX.

Vanliga frågor

Klistra in adressen i verktyget och klicka på "Extrahera färger". Det läser sidans stilmallar och infogade stilar och listar sedan varje färg det hittar rankad efter frekvens, så de mest använda varumärkesfärgerna kommer först.

En stilmall innehåller vanligtvis många fler tillfälliga färger (kantlinjer, skuggor, hovertillstånd) än varumärkesfärger. Genom att räkna hur ofta varje värde förekommer hamnar de färger som definierar webbplatsen överst i listan.

Verktyget läser den CSS som en sida levererar. Webbplatser som målar sin design med bilder, canvas eller WebGL, eller som bygger stilar helt i JavaScript efter inläsning, visar få färgvärden i sina stilmallar. Sidor bakom en inloggning eller ett botskydd går inte heller att läsa.

Nej. Endast publika webbadresser accepteras: förfrågningar till privata, lokala eller reserverade nätverksadresser blockeras som en säkerhetsåtgärd, och endast standardportarna för HTTP och HTTPS tillåts.

Ja, upp till en gräns. Stilmallar som länkas från sidan, inklusive de på ett CDN, hämtas genom samma säkerhetskontroller, så färger som definieras i en extern CSS-fil räknas tillsammans med sidans egna stilar.

Ja, helt gratis utan krav på konto. Förfrågningar har hastighetsbegränsning för att hålla tjänsten tillgänglig för alla, och resultaten cachas en kort stund så att samma URL ger svar direkt när den upprepas.


Populära sökningar
färgpalett från webbplats färgväljare för webbplats hitta färger på en webbplats extrahera färger från url vilka färger använder webbplatsen färgschema från webbsida
Behöver du hjälp?
Hittade du ett problem med det här verktyget? Berätta för oss.
Rapportera ett problem

Lägg till det här gratisverktyget på din egen webbplats: kopiera och klistra in koden nedan.