Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>"The best color" is very subjective and context dependent. It depends on what effect you want: If you want the highest contrast possible, look for complementary colors (that would give you red on green, yellow on blue etc.). If you want colors that are "similar", look for analogous harmonies. If you want to decide between black and white only, measure brightness (hamstergene posted a very good formula for it).</p> <p>Wherever you go, HSV color model is the key.</p> <p>Getting complementary or analogous colors is trivial (e.g. <code>hue_text = (hue_bg + 180) % 360</code> OR <code>hue_text = (hue_bg + 30) % 360</code>).</p> <p>You can also experiment with value (lightness) and saturation for better contrast. For example, <code>v_text = 1 - v_bg</code> could give you dark text on bright background and vice versa (watch out for mid tones!). It doesn't have to be linear - you also could go for a step function like: <code>if v_bg &lt; 0.5 then v_text = 1 else v_text = 0</code>, or <code>if s_bg &lt; 0.5 then s_text = 1 else s_text = 0</code> (vibrant on pale).</p> <p>That's just some hints. In a word: <strong>It depends!</strong></p> <p>Google for color theory and color harmonies. Some links: </p> <p><a href="http://www.tigercolor.com/color-lab/color-theory/color-harmonies.htm" rel="nofollow">http://www.tigercolor.com/color-lab/color-theory/color-harmonies.htm</a></p> <p><a href="http://www.colormatters.com/color-and-design/basic-color-theory" rel="nofollow">http://www.colormatters.com/color-and-design/basic-color-theory</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload