Mobile app version of vmapp.org
Login or Join
Angie364

: How to create a color of the same brightness and saturation? Let's consider three colors: Red, Green and Blue. For blue I created a specific shade, something like #F2F5F7. If you see this color,

@Angie364

Posted in: #ColorSpaces #ColorTheory

Let's consider three colors: Red, Green and Blue. For blue I created a specific shade, something like #F2F5F7 . If you see this color, it has a certain level of shade, brightness and saturation value of blue.

I want to create the same equivalent color but for Green and Red, how to get that?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Angie364

1 Comments

Sorted by latest first Latest Oldest Best

 

@Megan533

This is exactly what the HSB colour model is for. You have almost exactly named the model's variables in your question:


Hue is the 'kind' of colour: red, blue, orange, yellow;
Saturation is inverse with the amount of white you add to the hue;
Brightness is inverse with the amount of black you add.


So, to take your example colour of #F2F5F7 . you can convert this into HSB in Photoshop or Illustrator's colour picker, yielding H=203, S=1, B=96 as HSB values.

All you have to do now is change the H to the hue you want. For a green, try H=83 and leave the S and B values intact. This is converted by the colour picker right away and yields #f3f4f2 .

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme