Já falei disso [nesta outra resposta minha](http://pt.stackoverflow.com/a/53399/132): > # Composição de cores > É importante ter em mente que embora o branco seja o resultado da soma do vermelho, do verde e do azul, isso não significa que cada uma destas três cores representa um terço do branco. Isso não é verdade, e pode ser percebido facilmente de forma empírica ao notar-se que o verde puro é brilhante, enquanto que o vermelho puro é fosco e o azul puro é escuro. > > Na verdade, a proporção exata da composição da luz branca depende da disposição das diferentes células receptoras na retina do olho do observador, condições de saúde, cansaço, idade e stress do observador, das condições de iluminação, do brilho e contraste da tela, do ângulo e direção entre o plano da tela e a linha de visada do observador, do tipo da tela (reflexiva ou anti-reflexiva, CRT, LED, plasma, LCD, retroprojetor, kindle, etc), entre muitas outras variáveis, podendo até mesmo variar de um olho para outro em uma mesma pessoa com visão normal e saudável. > > Mas, desconsiderando-se estas variáveis que estão fora do controle do programador e pressupondo que o usuário tenha uma visão saudável e esteja usando uma tela de boa qualidade em um ambiente com iluminação adequada, há uma fórmula que vi em um livro uma vez há alguns anos que dava a seguinte proporção: > > > ![Branco = 0,290 * vermelho + 0,599 * verde + 0,111 * azul](http://chart.googleapis.com/chart?cht=tx&chf=bg,s,FFFFFF00&chl=\text{Brilho}\;%3d\;0,290\;\times\;\text{vermelho}\;%2b\;0,599\;\times\;\text{verde}\;%2b0,111\;\times\;\text{azul}\;) > > É uma pena que não lembro o título, mas o bfavaretto deu três referências para isso nos comentários: [1](http://stackoverflow.com/questions/596216/formula-to-determine-brightness-of-rgb-color), [2](http://stackoverflow.com/questions/9470599/how-to-calculate-brightness-of-rgb-color) e [3](http://www.w3.org/TR/AERT#color-contrast), embora existam pequenas variações nos fatores exatos. > > Ter em mente estes fatores da composição do brilho é importante para o caso de você quiser fazer um algoritmo de *anti-aliasing* que considere que os subpixels têm diferentes cores. > > Essa mesma fórmula dada acima para a cor branca, pode ser usada para medir-se o brilho de uma determinada cor a partir de seus componentes vermelho, verde e azul. De acordo com [esta página](http://www.nbdtech.com/Blog/archive/2008/04/27/Calculating-the-Perceived-Brightness-of-a-Color.aspx), a fórmula recomendada pela W3C (parecida com essa anterior) é: > > > ![Brilho = 0,299 * vermelho + 0,587 * verde + 0,114 * azul](http://chart.googleapis.com/chart?cht=tx&chf=bg,s,FFFFFF00&chl=\text{Brilho}\;%3d\;0,299\;\times\;\text{vermelho}\;%2b\;0,587\;\times\;\text{verde}\;%2b0,114\;\times\;\text{azul}\;) > > Entretanto, essa mesma página diz que essa fórmula pode falhar ainda. Por exemplo, a cor (240, 0, 30) é um pouco mais brilhante que (80, 80, 80), sendo que por essa fórmula da W3C, a primeira teria um brilho de 75,18 enquanto que a segunda teria 80 ([![vermelho e cinza][2]][2]). O motivo disso é que o brilho é na verdade a distância que uma cor tem em relação ao preto, e não apenas a soma ponderada dos valores das suas tonalidades. > > Se considerarmos todas as cores dispostas como diferentes pontos internos em um paralelepípedo onde um dos vértices é o preto, o vértice oposto é o branco, os vértices adjacentes ao preto são o vermelho, o verde e o azul e os vértices opostos a esses são o ciano, o magenta e o amarelo (nesta ordem), teríamos que uma das dimensões corresponde ao valor do componente vermelho, a outra do componente verde e a outra do componente azul. Se definirmos o tamanho de cada uma das dimensões desse paralelepípedo como a intensidade do componente da cor correspondente, então poderíamos usar a distância euclideana do ponto ocupado por uma cor qualquer dentro desse paralelepípedo até o vértice da cor preta como uma medida do brilho. Assim, para calcular a intensidade de uma cor, basta usar o teorema de Pitágoras. Se usarmos os valores da W3C, chegaríamos a [esta fórmula](http://alienryderflex.com/hsp.html): > > > ![Brilho = sqrt(0,299 * (vermelho)² + 0,587 * (verde)² + 0,114 * (azul)²)](http://chart.googleapis.com/chart?cht=tx&chf=bg,s,FFFFFF00&chl=\text{Brilho}\;%3d\;\sqrt{0,299\;\times\;%28\text{vermelho}%29^2\;%2b\;0,587\;\times\;%28\text{verde}%29^2\;%2b0,114\;\times\;%28\text{azul}%29^2}\;) > > Nesta fórmula, os brilhos das cores acima seriam 131,62 e 80. Assim sendo, uma solução em Javascript considerando que uma cor clara seria aquela mais perto do branco enquanto que uma escura é a mais perto do preto, seria isso: <!-- language: lang-js --> function corClara(r, g, b) { return Math.sqrt(r * r * 0.299 + g * g * 0.587 + b * b * 0.114) >= 0.5; } [2]: https://i.sstatic.net/Sn58i.png