title: Matching proper colors of a div
body: <p>I'm making a very simple minigame which idea is to pick the proper color of the figure you've seen for about a second or two by clicking one of the four divs with the id's circle1, circle2 etc. with the specific colors:</p>
  
  <pre><code>var odpowiedz_kolor = $('&lt;div class="label id="gra"&gt;Jaki kolor miał następujący kształt?&lt;/br&gt;&lt;/br&gt;&lt;ul class="inline"&gt;'+
                  '&lt;div class="odpowiedz_pojemnik" id="' + wylosowane[losowa_z_wylosowanych_figur].figura + '"&gt; &lt;/div&gt;&lt;/br&gt;&lt;/br&gt;'+
                  '&lt;ul class="inline"&gt;'+
                  '&lt;li&gt;&lt;div class="kolo" id="kolo1"&gt; &lt;/div&gt;&lt;/li&gt;'+
                  '&lt;li&gt;&lt;div class="kolo" id="kolo2"&gt; &lt;/div&gt;&lt;/li&gt;'+
                  '&lt;li&gt;&lt;div class="kolo" id="kolo3"&gt; &lt;/div&gt;&lt;/li&gt;'+
                  '&lt;li&gt;&lt;div class="kolo" id="kolo4"&gt; &lt;/div&gt;&lt;/li&gt;'+
              '&lt;/ul&gt;&lt;/div&gt;');
  </code></pre>
  
  <p>I've cut out the unnecessary code...</p>
  
  <pre><code>$('#kolo1').css('background-color', wylosowane[0].kolor);
  $('#kolo2').css('background-color', wylosowane[1].kolor);
  $('#kolo3').css('background-color', wylosowane[2].kolor);
  $('#kolo4').css('background-color', wylosowane[3].kolor);
  $(".kolo").on('click', function(){
  var color = $('.kolo').find('#kolo').css('background-color');
  </code></pre>
  
  <p>I've set the colors as seen above. Now's the question how to retrieve the according colors 'cause I'm stuck on the click handler. I'd appreciate even the ugly but working solutions.</p>
  
  <p>The scenario is:</p>
  
  <ul>
  <li>you see 4 different figures with different colors for a couple of seconds</li>
  <li>you now have to decide which one was it (if pick good/bad then...)</li>
  </ul>
  
  <p><img src="https://i.stack.imgur.com/W1xks.png" alt="example"></p>
  
  <p>Thank you in advance.</p>