Gradient and Eyedropper

5-minute-faq-number-1

Have you ever wanted to sample a specific color from an object or photo in Adobe Illustrator with the Eyedropper tool and apply it to a color stop on the gradient slider? If so, you’ve probably discovered there’s no obvious way to do so.

Here’s how it’s done:

  1. Select the object on which you want to change the color of the gradient.
  2. Open the Gradient Panel.
  3. Select the first color stop in the gradient that you’d like to change (I selected the white one first).
    Gradient-EyeDropper-Step3
  4. Hit the “i” key or select the Eyedropper tool in the tools panel.
  5. Hold the SHIFT key and click the color of the photo or the object that you’d like to sample with the Eyedropper tool (I chose yellow).
    Gradient-EyeDropper-Step5
  6. Repeat for any of the other color stops in the gradient (In this Case, the green).
    Gradient-EyeDropper-Step6

Side note

Wouldn’t it be nice if we could select the eye dropper right from the gradient panel? I would propose something like this so it’s obvious and consistent (by double-clicking on a color stop).
proposed-gradient-color-picker