Change Entire Color Ranges with HSL Adjustments In InkscapeChange Entire Color Ranges with HSL Adjustments In Inkscape https://logosbynick.com/wp-content/uploads/2023/07/adjust-hsl-inkscape.webp 1000 587 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
- Nick Saporito
- no comments
When changing the colors of objects in Inkscape, you typically have to select each individual object one-by-one and apply a fill color to each. But what if you wanted to change an entire range of colors so that you end up with a more consistent result? This is where HSL adjustments come in handy, and in this tutorial we’ll be going over how you can use them in Inkscape.
In short, this is accomplished using the HSL Adjust extension, which comes already built into Inkscape. And the brilliant thing about this extension is that once it’s applied, the paths’ fill colors will actually be changed. It won’t just be a temporary filter (as was the case in an earlier tutorial about inverting colors.) Let’s have a closer look.
HSL Adjustments In Inkscape
The following tutorial will walk you through the process of adjusting the HSL settings of vector paths in Inkscape:
For this demonstration, the example I’ll be using is the following vector graphic of a fox that I downloaded from 123RF:
Get Master Resale Rights
All templates sold on the Logos By Nick Store come with master resale rights, meaning you can resell and re-brand them as your own!
This design consists only of individual objects that are filled with a mix of solid colors and gradients. I have grouped them together for the sake of simplicity, but that is completely optional.
To change the entire range of colors of my grouped object, I’m going to select it and open the HSL Adjust extension by navigating to:
Extensions > Color > HSL Adjust
The extension comes already built into Inkscape. It doesn’t need to be downloaded or installed.
Once opened, the following menu will populate on your screen:
Toggle on the Preview by ticking the box at the bottom of the menu so you can preview your changes as they’re applied.
You will see three sliders– each of which represents an HSL property:
- Hue: the color range being used
- Saturation: the intensity of the color
- Lightness: lighten or darken the overall composition
Adjusting these sliders will change the properties of each.
The Hue slider allows you to cycle through the entire spectrum of colors, enabling you to change the entire color ranges of the objects selected:
The Saturation slider controls the intensity of the color. Increasing the value will make the colors more vibrant and intense, whereas decreasing it will gradually remove all color until the image is black & white/grayscale:
Finally, increasing the Lightness slider will make the entire composition of the selection lighter, whereas decreasing it will darken it:
You may have noticed that there is a Randomize option beneath each slider. Enabling that setting will apply random values to each of the individual elements within the group/selection. This doesn’t appear to have much utility beyond creating abstract artistic effects, but feel free to play around with it if you want.
Once you are satisfied with your changes, click the Apply button to apply them then close out of the menu.
(Tip: make sure to only click the Apply button once. When clicked, nothing visually happens on the screen, and if you click it again the changes will be applied a second time.)
The Final Result
Once your changes are applied, you can ungroup the object and select each of the individual objects to confirm that their fill colors have indeed been unchanged (indicated either in the Fill & Stroke menu or the status bar at the bottom of the screen.)
Unlike other extensions that just apply a temporary filter, the actual color of the path has been changed. This applied to both solid fills and gradients. This is something to keep in mind if you want to preserve the original colors. Applying these changes to a duplicate copy of the objects may be a wise choice.
You might also like
Inkscape Now Has A Shape Builder! Here’s How To Use ItInkscape Now Has A Shape Builder! Here’s How To Use It https://logosbynick.com/wp-content/uploads/2023/07/shape-builder-inkscape.webp 1000 587 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
How To Use Layer Locks In Inkscape To Fix Objects To The CanvasHow To Use Layer Locks In Inkscape To Fix Objects To The Canvas https://logosbynick.com/wp-content/uploads/2023/07/lock-objects-inkscape2.webp 1000 587 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
An Easier Way To Apply Vector Textures In InkscapeAn Easier Way To Apply Vector Textures In Inkscape https://logosbynick.com/wp-content/uploads/2023/07/vector-textures-inkscape.webp 1000 587 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g