4

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?

  • Did you mean to say "but from Green and Red"? – JohnB Apr 17 '15 at 10:58
  • Hi Faraz, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help center or ping one of us in chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Vincent Apr 17 '15 at 11:05
  • use adobe kuler for a fast way. – Developers Pedia Apr 17 '15 at 12:40
  • I'd like to say that with your example, the difference between the three colours is going to be nigh invisible--all three of them are almost white. – Vincent Apr 17 '15 at 13:54
  • Consider using the Lab color space: "Unlike the RGB and CMYK color models, Lab color is designed to approximate human vision." There's a color calculator at easyrgb.com and conversion formulas RGB->XYZ and XYZ->Lab. One way to use this for your case would be to pick any green color, convert to Lab, adjust L to equal the L of the blue, and then convert back to RGB. – Supr Apr 17 '15 at 14:53
7

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.