Seperate saturation adjustments for shades and tints
in progress
Aurélien Grimaud
Hi Aleksandra Uzelac,
You can find a staged version at this link to test the chroma and hue curves: https://plugin.ui-color-palette.com/?embed=1
The hyperbola curve outputs a unique threshold value from both edges to the middle; the free curve then lets you control the thresholds, resulting in a more natural shift.
As usual, you can change chroma and hue for the whole palette or for selected color rows.
If you have published a palette, beware of not publishing it after your edits :)
Aurélien Grimaud
updated the status to
in progress
Aurélien Grimaud
As I understand your point, the hue shift is more significant when applied in steps rather than across the entire row. I have a question: what are your thoughts on hue shift when managing multiple colors in a larger palette?
A
Aleksandra Uzelac
Aurélien Grimaud I would't apply it to the whole palette since the shift won't fit every color. Maybe blue shades will go more to the red and we want it to go more to cyan, but yellow is fine to shift to red and so on... I would use it differenfly for every color.
Aurélien Grimaud
Aleksandra Uzelac. OK, I figured out your point. Currently, you can shift the hue of each color in the palette. Nevertheless, the shift value is applied regardless of the stop.
Have you posted this idea on Discord: https://discord.com/channels/1392979014481870948/1504004012750536845
A
Aleksandra Uzelac
Aurélien Grimaud yes, I know we can shift the hue for each color, but it applies to all steps, which is not ideal, since I would like to adjust a different hue for the tints (colors that go towards white), and a different hue for shades (colors that go towards black).
Yes, that's also me on Discord.
A
Aleksandra Uzelac
But here we are talking about saturation :) So again, same logic as for the hue shift should apply for saturation as well.
Aurélien Grimaud
Aleksandra Uzelac Crystal clear. Regarding the article you have mentioned on Discord, the hue is shifted at the edges. What do you think about replicating this natural behavior prior to adjusting one by one? My point is the palette engine first forces shades and tints to result in a sufficient contrast ratio according to the light or dark color. The purpose is to avoid misharmony or misconsistency throughout the entire palette.
Here is a quick idea I made, which allows the hue and chroma to be shifted gradually to preserve a right consistency across source colors’ shades and tints.
Photo Viewer
View photos in a modal
A
Aleksandra Uzelac
Aurélien Grimaud hmm, this seems to me that the chroma and hue shift applies the same increase/decrease for both tints and shades. Is that correct? I'll try to clarify even more...
So for the chroma (saturation) shift, shades should be more saturated, and tints should be less saturated (generaly). I would like to have control how much/less saturation should be applied for each "edge" of the palette. Maybe I wouldn't need to apply any chroma shift for tints, but I would like to apply it for shades.
Regarding hue shift, same logic - I would like to have the ability to choose seperately for shades and tints. Using the yellow from your example, I would like to move the hue more towards the red for shades, so If the base color's hue is 58, I would change it so the darkest shade starts at 50 and it would gradually increase towards that 58 when moving towards the base color. And then for lightest tint maybe I would like it to stay the default 58 hue, but maybe I will prefer for it to be a different hue, depending on the base color.
Here is a tool that allows this, but it doesn't have any contrast ratios: https://hihayk.github.io/scale/#4/6/50/80/-51/67/20/14/1D9A6C/29/154/108/white
Aurélien Grimaud
Aleksandra Uzelac Thanks for your feedback, I can share with you two mini-prototypes to depict the solution I imagined, regarding the actual constraints.
The shades and tints related to the palette symmetry aspect are not embraced by the current engine. My proposal would be easier to implement at this time, giving you a specific instance to test in the first step. The hue/chroma are not adjustable by shade/tint, but the flow is not linear and can follow a specific pattern to dispatch the shift consistently.
The shift is stronger at both edges according to the value you have typed.
A
Aleksandra Uzelac
Aurélien Grimaud I reviewed your prototypes and the hue shift is not ideal. It adds +12 on the darkest shade, then it's 0 in the middle, and then it again goes up to +12 for the last tint. So there isn't a way to set a seperate hue shift for shades (-12) and another for tints (-5)?
The same issue with chroma. As I said before, best practice is for shades to be more saturated, the middle could be the default chroma value, and then tints should be less saturated or not, depending if it's something that I want for a specific color.
If that currently is not possible, I understand.
Aurélien Grimaud
Aleksandra Uzelac Nothing is impossible. I think I can implement a hue/chroma specific shift as a therehold at both sides, without spending so much effort.
Photo Viewer
View photos in a modal
A
Aleksandra Uzelac
Aurélien Grimaud sorry for the late replay. Yes, I think this will work, it just needs some UX improvement, so that everybody understands what T and S stand for :) The same logic could apply for the chroma slider.
Aurélien Grimaud
Aleksandra Uzelac no worries, thanks a lot for your feedback. For now, it's just a draft, and I will work on this solution a bit more deeply.
I also target the chroma slider. Can I contact you to arrange a test once it's finished?
A
Aleksandra Uzelac
Aurélien Grimaud yes, of course! :)
Aurélien Grimaud
updated the status to
under review