Scan gradients

PocketUI finds the gradients in a page's backgrounds and text. Colorful ones come first, pale and grey ones at the end.

Where to click ToolbarArrowScan gradients
The gradients tool sits behind the arrow.

Steps

  1. 1

    Click the arrow in the toolbar to show more tools.

  2. 2

    Click Scan gradients (two overlapping circles).

  3. 3

    Hover a gradient to see its color stops. It is also outlined on the page.

  4. 4

    Click the ones you want, then click Save.

What you get

  • Each gradient in your folder.
  • Its Color Stops and CSS, with a Copy button, when you open it.

Tips

  • Use it often? Right-click Scan gradients and choose Pin to front.
  • A green tick means it is already saved.
  • Press Esc to close the results.