Mobile app version of vmapp.org
Login or Join
Steve758

: How do you tint/lighten a color in Sketch? I can't figure out how to simply add white to a color in Sketch. In Illustrator this is as simple as making it a spot color and dragging the slider

@Steve758

Posted in: #Color #ColorSpaces #SketchApp

I can't figure out how to simply add white to a color in Sketch. In Illustrator this is as simple as making it a spot color and dragging the slider in the Color panel, but Sketch only lets you adjust RGBA and HSBA values.

Do I need to find a plugin to do this?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Steve758

2 Comments

Sorted by latest first Latest Oldest Best

 

@Fox8063795

There are two ways of doing this, depending on whether you want to be able to preserve the original color or not.

Method 1: Use HSB

Click on the "R G B" label in the color picker, which will toggle the color picker between RGB and HSB:



Method 2: Add multiple fills


Click on the "+" button on fill to add a second fill.

By default, Sketch will select this fill to be a gradient. Change this to solid.

Select white as the color and adjust the opacity appropriately.



The result is a lighter version of the color you started with. The advantage to this method is that your original color is preserved as a fill on the object, so it's easy to go back and adjust, and you can blend different colors other than white or even gradients. Note that you can also reorder the fills with drag and drop.

10% popularity Vote Up Vote Down


 

@Bryan765

I don't think there is such an option for the moment.

The only way i found to do this is :

Select an objet with the base color, on a white background


Change shape opacity



Stay on your shape and use color picker to get the lighter color

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme