Choosing a Color Outside Photoshop

June 9, 2017

Choose color from any image on the Internet when you utilize this Quick Tip.

You see a beautiful image on the Internet. It could be a photo, a digital scrapbook page, or just anything. You fall in love with the colors in the image but can’t quite replicate it using the Photoshop Color Picker.

Don’t despair. With this Quick Tip, you’ll be able to discover the Hex Code for those lovely colors in just a few seconds.

Here’s how:

  1. Have Photoshop open, alongside the web page from which you want to copy a color.
  2. Open a document in Photoshop. Any document is fine. I have opened a blank document.
  3. Click on the Eyedropper Tool to select it.
  4. Move your cursor onto your Photoshop document. Press and hold the left mouse button. Your cursor will now display the Eyedropper tool icon.
  5. Drag the Eyedropper onto the web page from which you would like to copy a color.
  6. Hover the Eyedropper over the color you would like to copy and let go of your mouse.
  7. The selected color will appear in the Color Picker in Photoshop as the new Foreground Color.
  8. To get the Hex Code your chosen color, click on the Foreground Color to open the Color Picker. the Hex Code will appear at the bottom of the window.
Hex Code

That’s how easy it is. I hope you find it as useful as I do!

Karen Schulz Designs

You May Also Like…

Attention Bird Lovers

Attention Bird Lovers

I look outside of my window and see birds flying around like they don't know where to go. I think they are hungry and...

8 Comments

  1. Peggy S

    I learned this once but it seemed more complicated. Thank you for your super simple method here! This is so helpful!

  2. hope3173

    That is really neat. Is there a way to save that color for later use?

    • Karen

      Great Question! I’ll make that next week’s tutorial! Thanks!

  3. Cathy L Vernon

    Awesome mini tut Karen! Thank you. I have tried a number of times to do this and couldn’t figure out how! 🙂

Submit a Comment