Mastering Paper by FiftyThree: Picking and Sharing Colors

Re-imagined zoom tool, check. Expressive paint and ink tools that react to the speed and angle of your strokes, double check. A familiar color picker to sample, match, and adjust hues — triple check. Yes that’s not a typo, Paper by FiftyThree finally has a color picker.

With each major update Paper takes a forward leap into maturity as new tools and features are added. You really get the feeling that everything has been weighed to carefully balance and compliment the way you interact with the app. Almost to a fault, the tools and gestures have been designed to fade away into the UI putting the focus on what matters most — the ink and paint being placed on the canvas.

original Paper by 53 color palette
Do you remember when Paper by FiftyThree only had 9 colors? I do.

From those early days of working with a constrained palette up to the addition of the Color Mixer, selecting and manipulating color has been very important to me. The lack of a color picker has been a minor annoyance for me but I really started to feel its absence after the launch of Mix. Trying to accurately match color palettes when remixing ideas became a time sink that I’m glad to see finally filled.

How to use the Color Picker

First off you need to own either the Essentials or Mixer In-App purchases to enable the Color Picker. If you have FiftyThree’s Pencil then good news, all of the tools are already unlocked for you.

Paper 53 Mixer In-App purchase screen Paper 53 Essentials tools In-App purcahse screen
The Mixer is required to use the Color Picker.

To sample a color tap on the small circle inside of the Color Mixer — you may need to tap it a second time if it wasn’t previously selected. You’ll know you’ve done it right when an eye dropper icon appears in the circle.

Color Mixer eye dropper
The Mixer changes to an eye dropper when tapped on.

Tapping the eye dropper icon will place a small circle onto the canvas that you can use to sample colors and add to your palette. You also have the option of refining a color by moving any of the three HSB1 sliders around, but I’ll get to that in a minute.

There’s not much more to using the Color Picker. As the small circle is moved around the canvas, the color inside of it will change letting you know what color is selected. There is also a black dot in the center to help with alignment when trying to pick up a tiny speck of color.

animation of Color Picker changing colors
Pretty cool how the color changes as you drag it around the canvas huh?.

When you’ve found a color you’d like to work with or save to your palette tap the circle. You can also tap the eye dropper icon inside of the Color Mixer or any of the tools in the tray to select the sampled color.

ProTip: Saving a Sampled Color

Tapping anywhere on the canvas will dismiss the Color Picker and the sampled color will not be saved to the Mixer. You have to tap the circle in the Color Picker or eye dropper for it to stick.

Picking Colors from a Photograph

Sampling colors with the picker tool isn’t limited to just the ink, fill, and background layers — you can also sample colors from photos. To start you’ll want to import an existing image (or snap a new one with the camera).

To place a photo on the canvas tap the camera icon. Importing photos can be done when an idea is first created…

Paper new idea options

Or after the fact…

import photos in Paper

Once you have a photo on the canvas you can sample its colors same as before:

  1. Tap the small circle inside of the Color Mixer tool.
  2. Tap the eyedropper.
  3. Drag the selector on top of the area you wish to sample.
  4. Tap the eyedropper again to work with or save to your palette.
Color Mixer eyedropper sampling a photo's color

Color Picker limitations

99% of the time the Color Picker will work as you expect it when placed on top of ink, marker, and pencil strokes. But when sampling the transparent strokes made by the watercolor brush or blends, you may not get the results you were expecting.

Let’s use these two splotches of color below as an example of what I mean. On the left is a shape painted with the watercolor brush and on the right one with the marker tool — both filled with the same color.

shapes filled with the same color
Two shapes filled by two different tools with the same exact color.

Because of the transparent nature of the watercolor brush, the painted shape on the left appears to be a lighter hue than the one on the right. You’d think that when dragging the Color Picker over both shapes it would sample them as two different colors, but that’s not quite what happens…

sampling shapes filled with the same color sampling shaped filled with the same color
Notice anything strange? According to Paper both colors are identical even though they don't look the same. Weird. Filling the page with a dark color had no effect on sampling.

As far as I can tell the Color Picker completely ignores the background page color when sampling — rather than combining the page color with the transparent strokes on top of it. I’m not entirely sure if this is by design, some sort of bug, a limitation of the software, or a little of both. Before crying foul, sampling the colors on a transparent background in Adobe Photoshop produced the same exact results. So the picker doesn’t seem to be broken…

screenshot of sampled colors in Photoshop
Adobe Photoshop samples the fills just like Paper with both having the same color values.

This little gotcha is even more pronounced when sampling areas that have been heavily blended as shown below.

sampling gradations
The discrepancy between what you see and what the picker samples is really noticeable here. I was expecting the bottom sample to be a lighter blue than what was actually picked up.

Personally I think it would be less confusing if the Color Picker was sampling the combined color that you see on screen (page color + transparent strokes on top) like Procreate and other drawing apps. But like I said it’s more of an edge case scenario since you’ll mostly be sampling opaque and layered colors.

How to share colors

Don’t let that little color sampling inconsistency get you down, there’s still plenty to love about the Color Picker and enhanced Mixer tools. If it wasn’t clear from the sub-heading above, you can now sort of share colors and palettes with the Paper community.

As I’ve started to work with the picker more I’m beginning to see value in including color swatches in the margins of my drawings. It’s a way of bringing clarity to the palette I use in a piece. Not only that, but it gives me a place to stash additional colors since my 6 palettes are more than filled up.

example of color palette painting in the margin
Placing color swatches off to the side for reference and sampling has its advantages.

Aside from the new picker, the Mixer received some love by now including numeric values on each of the 3 sliders. These numbers map perfectly to HSB1 values which makes communicating the exact makeup of a color others that much easier.

screenshot showing the HSB picker in Adobe Photoshop

The HSB/HLS color models are found in most desktop graphics programs like Adobe’s Photoshop. By opting to include a standardized color model in Paper it is now possible to match colors across platforms and apps. As a designer I find this especially helpful for maintaining color consistency when importing Paper PNG files into Adobe Creative Suite documents.

Sharing color palettes on Mix

When I wrote my Mastering Paper guide for drawing portraits there wasn’t a good way for me to share my palettes with the community. Now with the help of Mix by FiftyThree I can share my palette2 of skin tones to be sampled and used by anyone who decides to download them.

my skin tone palette for drawing portraits
Download my default skin tone palette for drawing portraits.

What’s up next

If you found this guide helpful stay tuned for the next one where I cover how the updated page fill feature works. I was going to include it in this guide but figured it would make more sense on its own.

As always feel free to leave comments below, ask questions, or follow me on Twitter and the like (links below in the footer).

  1. HSB stands for Hue, Saturation, and Brightness (or Luminosity). 2

  2. Thanks to Dayna D. Smith for providing the great “My Paper Palettes” template that I remixed.

Gillian Zyland

Gillian Zyland

I’m just coming back to Paper and things are markedly new and different. I’m very appreciative of your explanations and I’m finding your information very helpful. I downloaded your terrific portrait palette just now and I’m wondering how I should go about importing the colors to use in my own pictures?

Do they replace the ones in the default palette or do I use the color pocket to sample them from another picture? I apologize if this is a question with an obvious answer – I’m an absolute novice with the new innovations and I’m even having trouble navigating their info docs. Thanks!

Michael Rose

Michael Rose

There isn’t a quick way to import the colors. You essentially import the picture or grab it from my Paper account and then you sample each of the colors with the Mixer tool. Once sampled you can drag the little circle into an empty spot in your palette.

teri pastorino

teri pastorino

this is great, I am new to paper, can’t figure out how to download/use your portrait palette. wondering also is there a way to import brushes/templated from outside of paper?

Your email address will not be published. Required fields are marked *