eLearnCommerce - Sample Color Generator

example.js

  let words = '    yes\n' +
    '    no\n' +
    '    maybe\n' +
    '    false\n' +
    '    true\n';

  words = words.split( "\n" );

  let c = {};

  jQuery.each( words, function(index, word ) {
    word = word.trim();

    c[ word ] =  ec_string_to_rgb( word );
  });

  jQuery( "body" ).append( '<div id="sample-colors"></div><style>#sample-colors { display:flex; flex-wrap:wrap;position: absolute;\n' +
    'top: 0;\n' +
    'left: 0;\n' +
    'z-index: 999999; } #sample-colors > div { display : flex; align-content: center; justify-content: center;align-items: center; } </style>' );

  jQuery.each( c, function( word, rgb ) {
    jQuery( "#sample-colors" ).append( '<div style="width:120px;height:120px;background: rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] + ')">' + word + '</div>' );
  });