<table><tr><td style="">Pitel added a comment.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D11262">View Revision</a></tr></table><br /><div><div><p>I finally got to do some testing and it is not looking good for luminance formula <tt style="background: #ebebeb; font-size: 13px;">0.2126*r + 0.7152*g + 0.0722*b</tt>.</p>

<p>Screenshot with background color <tt style="background: #ebebeb; font-size: 13px;">#5500FF</tt> (blueish, button background on picture), you can see that black text is readable on it, but it has luminance only 0.14 so in overlay it is replaced by black.<br />
<a href="https://phabricator.kde.org/F5769603" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">F5769603: Screenshot_20180327_174715.png</a></p>

<p>So I would rather stay conservative, and used formula <tt style="background: #ebebeb; font-size: 13px;">max(r, g, b)</tt>. I am still not sure whether the threshold should be <tt style="background: #ebebeb; font-size: 13px;">0.5</tt> or a bit lower...</p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R120 Plasma Workspace</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D11262">https://phabricator.kde.org/D11262</a></div></div><br /><div><strong>To: </strong>Pitel, mart, Plasma<br /><strong>Cc: </strong>fredrik, ngraham, abetts, broulik, mvourlakos, plasma-devel, ragreen, ZrenBot, lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart<br /></div>