Color Editor

Jump to AndroidiOS or Windows 10

The Color Editor contains a color wheel for selecting a color, color picker for grabbing a color, transparent color for creating a custom eraser, and buttons for accessing HSL, RGB, and Randomize (certain versions) sliders, and the color swatches.

We are in the process of enhancing the Color Editor across all platforms. iOS version 5.2 includes the first release of new Color Editor features, and development work is in progress for Android, Mac and Windows.

Show/hide parts of the editor

In different versions of Sketchbook, sections of the editor can be hidden to reduce the amount of canvas space taken up. When a section is needed, just unhide it. Some versions use arrows arrow for accessing parts of the editor. Others have bars that can be dragged up or down to expose more or less of the editor. Others use buttons, such as Show/hide sliders and Color Swatch icon to show/hide sections.

Color Editor in Sketchbook Pro for desktop

If you are a Mac user, you have your choice of color editor: the default and system.

Default Color Editor

Color WheelDefault Color Editor

The default Color Editor is what all users see when they first launch Sketchbook Pro.

For Mac users, if you want to switch from the system to the default Color Editor, select Sketchbook Pro > Preferences > General, then select Use default Color Editor.

  1. Color WheelSaturation/Luminance Slider
  2. RGB, HSL, Randomize
  3. RGB sliders
  4. Customized palette‍ 
  5. Show/Hide
  6. Swatch (current color)
  7. Color Picker‍ 
  8. Color WheelHue
  9. Transparent Color‍ 

System Color Editor

For Mac only

System Color Editor

The system Color Editor is the return to the old Color Editor many Mac users loved and missed. To switch over to it, select Sketchbook Pro > Preferences > General, then select Use system Color Editor.

  1. Tabs (various methods for picking colors):

hue or tints Choose a hue or tints and the value (light).

color gradients Specify a color using color gradients, such as gray scale, RGB, CMYK, or HSB values.

lists of colors Choose from a lists of colors (Apple, Developer, Crayons, Web Safe), or create your own list.

color from a spectrum of hues and values Choose a color from a spectrum of hues and values.

48 colors displayed as a box of crayons Pick from 48 colors displayed as a box of crayons.

  1. Swatch (current color)
  2. Slider
  3. Customized palette‍ 
  4. Color Wheel
  5. Magnifying glass (color picker)‍ 

Accessing the Color Editor

To access the Color Editor, tap Open Color Editor icon or select Window > Color Editor.

Lagoon with Open Color Editor icon

Color Editor in Sketchbook for Android

The device you're using (handheld verses tablet) will determine the design of the editor you see. The differences are subtle, but necessary due to the limited screen size of some handheld devices. There is, however, no difference in the available features.

For Android tablet users


  1. Transparent Color‍ (Erase)
  2. Color Picker
  3. Hue
  4. Saturation and Lightness‍ 
  5. Tab for HSL, RGB, Color Swatches, and Randomize Colors
  6. Tab contents (controls or swatches)

For Android handheld device users

On smaller screens, the tabs include the Color Wheel.


How to access the Color Editor

Open the Color Editor from the toolbar, or by tapping on the marking menu button to expose the Double Puck and tapping on the color chip.

Color Editor in Sketchbook for iOS

Sketchbook on iOS provides a variety of ways to adjust and select color.

  1. Previous color
  2. Current color
  3. Complementary of current color
  4. Color set toggle 
  5. 9-swatch color history
  6. Transparent color
  7. Eye dropper (color selector)
  8. HSL sliders
  9. Color set (mini-view)
  10. Custom Color Gradient
  11. RGB sliders
  12. Randomize color
  13. Edit HEX value
  14. Paste HEX from clipboard

Color Editor in Sketchbook for Windows 10

Sketchbook Pro Windows Tablet Color Editor - labeled

Hiding slider or swatches

Do you just want to work with the Color Wheel and don’t need the sliders or swatches? If so, tap Show/hide sliders to show/hide the sliders and swatches for the swatches.

Show/hide Color Mode sliders Show/hide swatches in Sketchbook for Windows Tablet

Returning to the Color Puck

In the Color Editor, to return to the Color Puck, tap Color Puck icon.