Kleurenpalet van website
Voer een website-URL in en haal het kleurenpalet eruit: elke kleur die in de stylesheets wordt gebruikt, gerangschikt op frequentie en klaar om te kopiëren of als code te exporteren.
Voer een websiteadres in om het kleurenpalet te extraheren.
Alleen openbare webpagina's kunnen worden gelezen, en de kleuren komen uit de CSS die de pagina meelevert: een site die met afbeeldingen of canvas werkt, geeft mogelijk minder kleuren terug. Gratis, geen registratie.
Over Kleurenpalet van website
De tool Kleurenpalet van website onthult de kleuren die een site daadwerkelijk gebruikt. Voer een openbaar webadres in en de pagina wordt aan onze kant opgehaald, browsers kunnen een andere site niet rechtstreeks lezen vanwege cross-origin-beperkingen, waarna de inline stijlen, ingebedde stijlblokken en gekoppelde stylesheets worden gescand op elk kleurtoken.
HEX-, rgb()-, rgba()-, hsl()- en hsla()-waarden worden allemaal genormaliseerd naar één HEX-vorm en geteld, zodat het palet gerangschikt terugkomt op basis van hoe vaak elke kleur in de CSS van de site voorkomt. Die frequentievolgorde is wat de echte primaire kleur van een merk onderscheidt van de tientallen eenmalige randen en schaduwen verderop in de lijst.
Elk staal kopieert u met één klik, en het exportpaneel zet het resultaat om in CSS-variabelen, SCSS, een Tailwind-configuratie, JSON, een SVG-stalenblad of een eenvoudige HEX-lijst. De tool is gratis en heeft een aanvraaglimiet, bereikt alleen openbare adressen en bewaart niets buiten een kortlopende cache van de extractie.
Hoe gebruik je Kleurenpalet van website
- Plak een openbaar websiteadres in het veld (https:// wordt automatisch toegevoegd als u het weglaat).
- Klik op "Kleuren extraheren" en wacht een moment terwijl de pagina en de stylesheets worden gelezen.
- Bekijk het palet: kleuren zijn gerangschikt op hoe vaak ze in de CSS van de site voorkomen.
- Klik op een staal om de HEX-waarde te kopiëren, of gebruik "Alles kopiëren" voor de hele lijst.
- Open Exporteren om het palet als CSS, SCSS, Tailwind, JSON, SVG of eenvoudige HEX te krijgen.