July 28, 2018 · SVG · Web · Diagramming

Color Selection Made Easy

Found yourself scratching head to pick a professional looking yet interesting color to give a final touch to your drawings?

We worked some magic and created a color stencil in Vecta, for everyone who needs good colors laid out in their drawings within seconds without googling or installing any extensions.

Material Design Palette stencil in Vecta

Use Vecta’s Material Design stencil to help you get your drawings done faster! It has a full range of harmonious colors based on Google’s Material Design that allows you to pick the colors you need, then apply them directly on any shapes in your drawing. Your font colors will automatically set to be in contrast with your shape's colors too!

Material design colors
Material design colors

How to use it effectively - The Stencil & Color Painter combo

Start by opening the Material Design Palettes stencil from your stencil menu. Choose the color symbol you want to use, then drag and drop it into your drawing.

Drag symbols from stencil to drawing
Drag symbols from stencil to drawing

Once dropped on your drawing, you’ll see a list of color tones for you to choose from. Pick the color you want to apply on your shapes, then use Vecta's color painter tool. After that, click on any shapes to apply that color.

Using color painter
Using color painter

Apply the same color on multiple shapes

To use the same color repeatedly on a few shapes, 'lock' the color with a double click on your color painter. Then go ahead to apply it on those shapes.

If you do not want the color anymore? One click on color painter and it goes off.

So treat it like a template, but with more flexibility and freedom for you to get things done faster. It will save you much more time, without compromising the aesthetics of your drawings.

Give it a try and let us know what you think! Comment below or Tweet to us at @vectaio!

Like the article? Give the author some claps.

Share it with your friends!
AUTHOR

Yi Qian

What am I doing if I am not growing?

RELATED POSTS

July 20, 2018 · SVG · Web · Diagramming

You can now use Google Fonts in Vecta

When you’re drawing diagrams or illustrations in Vecta, sometimes you find yourself wanting to use some of your favorite fonts in your drawings. Now you can. Google fonts is now available in Vecta, and you have more than 800 font families to choos...

May 27, 2018 · SVG · Web · PNG

Making SVG easier to use (Why we build Nano)

There are a multitude of ways to embed SVG, each of them fraught with gotchas and compromises. In our quest to make SVG easier to use, we looked at different approaches and this is the story on why we build Nano.

May 26, 2018 · SVG · Web · PNG

Comparing SVG and PNG file sizes

You may have heard that SVG have the lowest size while offering the best quality. Is it true? Why are developers still using srcset and generating PNG @ 1x, 2x and 3x resolution? Can you save any bandwidth with using SVG instead of PNG?

Sign up for a FREE Vecta account and start
creating your diagram online.

Create a Free Account