Source

Source guides · Colors

Find the palette behind a page.

Bring a website’s colors into your next design, reference board or client project.

  1. Scan the website.Open Source on the page you want to explore and choose Extract assets.
  2. Choose Color.Review the detected color cards alongside your collected assets.
  3. Copy the value you need.Use HEX, RGB or HSL values in your design tool. Review the palette against the page before treating it as an official brand guide.
Source color cards showing HEX, RGB and HSL values
Get SourceSee the workflow

Want the typography too?

Source Pro adds font discovery alongside colors and visual assets. Font discovery identifies font families; it does not provide a license or download licensed font software.

Compare Free and Pro

Colors can change with themes, hover states and page content. A scan is a useful starting point, not an exhaustive brand specification.