[{"data":1,"prerenderedAt":105},["ShallowReactive",2],{"blog-index":3},{"posts":4,"categories":94},[5,26,42,57,71,82],{"slug":6,"title":7,"description":8,"excerpt":9,"date":10,"updated":11,"status":12,"author":13,"authorTitle":11,"category":14,"categoryName":15,"categoryAccent":16,"tags":17,"image":21,"cover":22,"imageAlt":11,"featured":23,"readingMinutes":24,"path":25},"how-to-extract-brand-colors-from-any-website","How to Extract Brand Colors From Any Website","Four ways to pull the exact hex codes off a live site (DevTools, the CSS, a screenshot, and an extractor) and which one is right for each job.","You need the exact colors a site uses, and you need them as hex codes rather than as a hunch. Maybe you're building a pitch deck for a client, matching an integration to a partner's brand, or…","2026-08-23T09:00:00.000Z","","published","Colorize","guides","Guides","#818CF8",[18,19,20],"brand colors","workflow","css","/social/blog/how-to-extract-brand-colors-from-any-website.png","/social/blog/how-to-extract-brand-colors-from-any-website-cover.png",true,4,"/blog/how-to-extract-brand-colors-from-any-website",{"slug":27,"title":28,"description":29,"excerpt":30,"date":31,"updated":10,"status":12,"author":13,"authorTitle":11,"category":32,"categoryName":33,"categoryAccent":34,"tags":35,"image":37,"cover":38,"imageAlt":11,"featured":39,"readingMinutes":40,"path":41},"colorize-vs-site-palette","Colorize vs Site Palette: Which Extractor to Use","Both tools pull colors off a live site. What differs is where you run them, what counts as a palette, and what you can take away.","Site Palette and Colorize solve the same sentence (\"get me the colors this website uses\") from opposite ends. Site Palette is a browser extension: you sign in, install it, and it quantizes what is…","2026-08-22T09:00:00.000Z","comparisons","Comparisons","#34D399",[18,19,36],"comparison","/social/blog/colorize-vs-site-palette.png","/social/blog/colorize-vs-site-palette-cover.png",false,9,"/blog/colorize-vs-site-palette",{"slug":43,"title":44,"description":45,"excerpt":46,"date":31,"updated":11,"status":12,"author":13,"authorTitle":11,"category":47,"categoryName":48,"categoryAccent":49,"tags":50,"image":53,"cover":54,"imageAlt":11,"featured":39,"readingMinutes":55,"path":56},"extract-dominant-colors-from-a-logo","The Best Way to Extract Dominant Colors From a Logo","Median cut, octree and k-means were built to compress photographs. Point them at a logo and they return three whites and a gray. Here is what works instead.","Reach for a color extraction library and you will almost certainly get median cut, usually through ColorThief or one of its ports. Feed it a photograph and it does a genuinely good job. Feed it a logo…","color-theory","Color Theory","#E879F9",[18,51,52],"logos","color theory","/social/blog/extract-dominant-colors-from-a-logo.png","/social/blog/extract-dominant-colors-from-a-logo-cover.png",6,"/blog/extract-dominant-colors-from-a-logo",{"slug":58,"title":59,"description":60,"excerpt":61,"date":62,"updated":11,"status":12,"author":13,"authorTitle":11,"category":63,"categoryName":64,"categoryAccent":65,"tags":66,"image":67,"cover":68,"imageAlt":11,"featured":39,"readingMinutes":69,"path":70},"extract-brand-colors-from-modern-css","How to Extract Brand Colors From Modern CSS","Regex over stylesheets used to be a fine way to collect a site's colors. CSS Color 4 and 5 ended that. Here is what to read instead of source text.","For about fifteen years you could collect every color a website used with three regular expressions. One for hex, one for rgb() and rgba(), one for hsl() and hsla(). Between them they matched…","2026-08-21T09:00:00.000Z","engineering","Engineering","#22D3EE",[20,18,52],"/social/blog/extract-brand-colors-from-modern-css.png","/social/blog/extract-brand-colors-from-modern-css-cover.png",5,"/blog/extract-brand-colors-from-modern-css",{"slug":72,"title":73,"description":74,"excerpt":75,"date":76,"updated":11,"status":12,"author":13,"authorTitle":11,"category":63,"categoryName":64,"categoryAccent":65,"tags":77,"image":79,"cover":80,"imageAlt":11,"featured":39,"readingMinutes":55,"path":81},"extract-brand-colors-from-svg-logos","How to Extract Brand Colors From SVG Logos","An SVG logo is text, so reading its colors should be trivial. Six things about real-world SVGs make it anything but, starting with currentColor.","An SVG is a text file with the colors written in it. Compared to sampling pixels out of a PNG, reading fill=\"#1F6FEB\" out of some markup should be the easy case. In practice SVG logos are the single…","2026-08-20T09:00:00.000Z",[18,78,51],"svg","/social/blog/extract-brand-colors-from-svg-logos.png","/social/blog/extract-brand-colors-from-svg-logos-cover.png","/blog/extract-brand-colors-from-svg-logos",{"slug":83,"title":84,"description":85,"excerpt":86,"date":87,"updated":11,"status":12,"author":13,"authorTitle":11,"category":47,"categoryName":48,"categoryAccent":49,"tags":88,"image":90,"cover":91,"imageAlt":11,"featured":39,"readingMinutes":92,"path":93},"accurate-brand-color-palettes","The Complete Guide to Accurate Brand Color Palettes","Near-duplicate shades are the most common flaw in an extracted palette. Here is how CIELAB and delta E collapse them into the colors a brand actually uses.","You point an extractor at a logo, ask for the brand palette, and get five colors back. Three of them are the same blue.","2026-08-19T09:00:00.000Z",[52,18,89],"palettes","/social/blog/accurate-brand-color-palettes.png","/social/blog/accurate-brand-color-palettes-cover.png",7,"/blog/accurate-brand-color-palettes",[95,98,101,103],{"slug":14,"name":15,"description":96,"accent":16,"count":97},"Step-by-step walkthroughs for getting colors out of a site, a logo or a file.",1,{"slug":47,"name":48,"description":99,"accent":49,"count":100},"How color spaces, perception and distance metrics decide what a palette looks like.",2,{"slug":63,"name":64,"description":102,"accent":65,"count":100},"How extraction actually works, and what modern CSS and SVG do to it.",{"slug":32,"name":33,"description":104,"accent":34,"count":97},"Honest side-by-sides of the tools that pull colors off the web.",1787496473227]