: Picking the right "white" to suit a theme When you take a photo of a white object, it's never actually #FFFFFF white. It will have a greenish tint if you take the photo outside, or orangeish
When you take a photo of a white object, it's never actually #FFFFFF white. It will have a greenish tint if you take the photo outside, or orangeish in sunlight.
Let's say I have a theme for an app or website, with a lot of green (#379D11) and red (#B03B3B).
If I put it against pure white or gray (#DDDDDD), it looks a bit 'off' and unnatural. How might I change it to look more neutral against such a color scheme?
More posts by @Ogunnowo857
1 Comments
Sorted by latest first Latest Oldest Best
I have a short answer and a long answer:
LONG ANSWER:
1. Convert both hex values to decimal values:
379D11 = RGB(55, 157, 11)
B03B3B = RGB(176, 59, 59)
...or, if you're comfortable computing in hex, just keep the hex values. A quick google search will provide plenty of online tools for converting.
Average the two RGB values (and round to integer):
R: (55 + 176)/2 = 116,
G: (157 + 59)/2 = 108,
B: (11 + 59)/2 = 35,
Average = RGB(116, 108, 35)
Convert the above RGB average to HSV or HSL. There are plenty of online tools, but I tend to just use the "Edit Colors" tool of plain-old-MS Paint
Adjust the Value or Luminosity to get the amount of whiteness that looks right to you. You have your color. You just need to convert back to Hex using MS Paint or your favorite online converter.
SHORT ANSWER
By the time you do all the above (it took me a little less than 10 minutes), you could probably just experiment. I tend to do both. Use the above to get a ballpark figure, then adjust to suite my tastes from there.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.