The Color Picker allows you to select and reuse colors directly from your design. This makes it easier to keep visual consistency across elements and quickly match colors from images, logos, or illustrations.
Supported Layers
The Color Picker is available for layers that support color fill, including:
SVG elements (illustrations, logos, shapes, arrows, icons)
Text layers
If a layer supports a fill color, the Color Picker can be used.
How to Use the Color Picker
Follow the steps below to apply a color from anywhere in your design:
1. Select a supported layer
Click on a layer that supports color fill, such as an SVG element or a text layer.
2. Open the color settings
With the layer selected:
Open the layer contextual menu
Click the color palette icon
Click the color fill preview to open the color swatch
3. Use the Eyedropper
Select the Eyedropper tool
Move your cursor over the design to inspect colors
Click on the desired color to apply it to the selected layer
The color is applied instantly.
Note: When the color swatch panel is open, you can also use the I key to trigger the Eyedropper tool.
When to Use the Color Picker
The Color Picker is useful when you want to:
Match colors across multiple design elements
Reuse brand colors from logos or images
Maintain consistent styling across assets
Ready to start designing?
👉 Sign up for a free Bannersnack account – it only takes a minute.
👉 Already have an account? Log in here to continue where you left off.