How to Use the Eyedropper (Color Dropper) Tool in the Builder

Overview

The eyedropper tool is available inside the color picker in Builder. When activated, it lets you click any pixel to capture its exact color and apply it instantly to the selected element's fill, border, text color, or other color properties.

How to Use the Eyedropper

1. Select the tile or element you want to apply a color to.

2. Open the color picker by clicking the color swatch for the property you want to update (fill, border, text color, etc.).

3. Click the eyedropper icon inside the color picker panel.

4. Your cursor will change to indicate that color sampling is active.

5. Click any pixel to sample its color.

6. The sampled color is applied to your selected element and saved to Recent Colors for quick reuse.

What You Can Sample

• The eyedropper isn't limited to the Builder canvas. It uses your browser's native color-sampling capability, so you can click any pixel visible on your screen — including content in other windows or applications outside your browser.

• Availability depends on your browser supporting this native color-sampling capability. If the eyedropper icon doesn't appear or doesn't activate, try a different, up-to-date browser.

Common Questions

Can I sample colors from outside my microapp — for example, from a reference image on another screen?

Yes — the eyedropper isn't limited to the Builder canvas. It uses your browser's native color-sampling capability, so you can click any pixel visible on your screen, including content in other windows or applications, not just what's on the canvas.

Is the sampled color saved anywhere?

Yes — sampled colors are automatically added to your Recent Colors section in the color picker for easy reuse during the same session.

Where do I find the eyedropper in the color picker?

Look for the eyedropper icon within the color picker panel. Hover over it to see the hover state indicator before clicking.