     data = _.filter data, (color) =>
       @getLuminance(color) < 0.85
 
-    htmlString = ""
-
+    htmlString = ''
+
+    count = 0
+    countMax = 8
     for color in data
+      count += 1
       htmlString += App.view('channel/color_swatch')
         color: color
+      break if count == countMax
 
     @swatches.html htmlString
+
+    if data[0]
+      @useSwatchColor(undefined, data[0])
 
   getLuminance: (hex) ->
     # input: #ffffff, output: 1


    # fire both on enter and blur
    # but cache url
    return if @urlInput.val() is "" or @urlInput.val() is @url
    @url = @urlInput.val()

    src = @url

      url: 'https://images.zammad.com/api/v1/webpage/colors'
      data:
        url: src
        count: 20
      success: @renderSwatches
      dataType: 'json'

