How can I change the tint of all colors in a .css file to the same amount?

Question

css

I have a medium-sized project, the entire style of which takes up more than one thousand lines in the style.css file, and all the color schemes are written, respectively, in this file. Color design is, of course, not just one property, it is color, border, and, of course, background, not counting shadows and other things. For the most part, the color is specified using the HEX code or rgb() / rgba(), the color is not specified anywhere through HSL. Now it was necessary to urgently change the color scheme of the project. With textures and some of the icons, I solved the problem quite simply, opened everything in Paint.NET (there were only about 30 of them, fortunately) and changed the hue of each to the same value through "Correction" -> "Hue and saturation", the rest of the icons were manually corrected in PS. There was a problem with CSS converting each color to HSL and changing the H-parameter is rather long and tedious, especially if the color is not written in a hex code. I did not find converters that convert the hex code to hsl (), which means that this process will take even longer, because. H, S and L will have to be copied and pasted separately. Perhaps there is some utility for this, or is there a special option in Dreamweaver?
PS I don’t do it professionally, I don’t use LESS, SASS or analogues yet.

Answer 1

IMHO, it's better to translate your css to less/sass and use variables.
and about hsl - in web/php storm there is a contextual translation of hex/rgb/hsl color.

Answer 2

rgb.to converter

Answer 3

You can try to change everything with a regular expression