Accessible Palette: stop using HSL for color systems (2021)
Nice!<p>I&#x27;d point out though that with ordinary display and print systems,  saturated reds and blues really are darker than greens.  The exact formula depends on your color space but<p><pre><code>   Grayscale = 0.299R + 0.587G + 0.114B [1]
</code></pre>
is commonly quoted (I think for sRGB) and in that case the brightest pure red is about 30% bright and the brightest pure blue is 11% which makes &quot;bright red&quot; an oxymoron in most cases.<p>You can certainly use those colors but they are always going to be dark.  Simply applying contrast rules will make your color choices accessible but if you want to make something accessible and that look good the techniques in that article will make you a winner.<p>For that matter,  saturated screen greens are nowhere near as saturated as is possible but are more saturated than most greens you see in real life:  I make red-cyan stereograms<p><a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Anaglyph_3D" rel="nofollow noreferrer">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Anaglyph_3D</a><p>and one rule of thumb is that trees and grass look great in stereograms because even though they are green,  they actually have a lot of red so the balance between the channels is good so you get good stereo <i>and</i> good color.<p>[1] <a href="https:&#x2F;&#x2F;www.dynamsoft.com&#x2F;blog&#x2F;insights&#x2F;image-processing&#x2F;image-processing-101-color-space-conversion&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;www.dynamsoft.com&#x2F;blog&#x2F;insights&#x2F;image-processing&#x2F;ima...</a>