UI Utilities

Chrome extension for quickly generating screengrabs and finding page colors

Using the Screengrab capture tool

  • Select box size from the plugin menu
  • Click and drag the left mouse button to create a selection around the area of the page to save
  • Drag the center of the selection to move it around, or drag by the edges or corners to continue resizing it
  • Clicking the download icon will save a copy of the selection to your computer. You can also right-click the selection and hit “Save as” or copy the screen grab to the clipboard
  • Clicking on the selection’s close icon will clear the selection and allow you to make a new one
  • The dimensions of the current selection are shown on the bottom right corner. Clicking on it will copy the dimensions to the clipboard

Using the Color Picker

  • Select color picker from the plugin menu
  • Click or hold down the left mouse button over the color you would like to preview
  • You can use the arrow keys to increment the cursor position. Holding down shift while pressing the arrow keys will increment by 10px
  • Clicking on the hex code underneath the preview will copy the hex code to the clipboard, and add it to the history on the plugin menu