Click the color well for any fill, border or shadow to reveal the color picker popover.
- The fill icons across the top switch between solid, gradient and image fills and change the color popover’s settings to match.
- The color picker uses the HSB (hue, saturation, brightness) color model. Drag the point left to right to change a color’s saturation, and up or down to change its brightness.
- The sliders control your color’s hue (color) and alpha (opacity).
- The preview shows the final result of your color settings.
- The eyedropper lets you pick any color from your display, inside or outside of the Mac app. You can quickly access it by selecting a layer and pressing ⌃C. Tip: you can press ⌃C to bring up the eyedropper tool to set that layer’s fill color.
- The text fields give you quick access to your color’s HEX value for copying and pasting, and the option to manually set a specific color using RGB (red, green, blue) and alpha values. You can click on the RGB labels to switch to HSB (hue, saturation, brightness) or HSL (hue, saturation, lightness).
- Create Color Variable saves a new Color Variable
Note: When you edit a color’s HEX code in the Color Popover HEX field, its alpha value will return to 100%.