how to generate hexadecimal color code like this

Question

I am generating unique background color for the contact list, like this

I am trying to generate this like this..

Example

     <ul id="_blocks"></ul>

    <script>
        $(document).ready(function () {
            for (var i = 0; i < 100; i++) {
                $("<li/>").addClass("bts")
                           .append($("<span/>").addClass("_pe_h")
                            .append($("<div/>").addClass("nonDraftPart _pe_o1 _pe_H1")
                           .append(i)))
                            .appendTo($("#_blocks"));
            }
            $('.nonDraftPart').each(function () {
                var hue = 'rgb(' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ')';
                $(this).css({ "background-color": hue, "background-size": "cover", "background-position": "50% 50%" });
                console.log(hue);
            });
        });
    </script>

Working Example Js fiddle

No coding challenge here.... Need to generate a different set of color codes what i have attached in the image.. meanwhile did you check the working sample ? — Prasad Raja, Nov 30 '15 at 06:25
Is requirement to generate pseudo random hexadecimal color codes ? — guest271314, Nov 30 '15 at 06:27
@Mayank kindly check my working example....i have tried to generate different hexadecimal color codes....but i could not achieve color codes like wat i have attached in the image — Prasad Raja, Nov 30 '15 at 07:41
I hope you know that the rgb value indicates red, green and blue colors and the maximum value allowed is 255. If all are 255, it means white colors. After inspecting the generated values, all of the values are closer to 255 and hence you see lighter shades. — Sherin Mathew, Nov 30 '15 at 07:51
BTW, you still didn't mention whether seeing lighter shades is your issue. — Sherin Mathew, Nov 30 '15 at 07:51
@SherinMathew the color should be more attractive.. its seems like a dim...since i have attached the image..... i was expecting to get like that... — Prasad Raja, Dec 01 '15 at 10:36
May be this post answered by @Adam Cole will help you - http://stackoverflow.com/questions/1484506/random-color-generator-in-javascript. He also refers to http://blog.adamcole.ca/2011/11/simple-javascript-rainbow-color.html. — Sherin Mathew, Dec 01 '15 at 10:45

score 0 · Answer 1 · answered Nov 30 '15 at 07:51

Is requirement to generate pseudo random hexadecimal color codes ?

yeah

function randHex() {
  for (var r = "#"
         // valid hex characters
       , s = "0123456789abcdef"
       ; r.length < 7
       ; r += s.charAt(Math.floor(Math.random() * s.length))
  );
  return r
}

window.onclick = function() {
  console.log(randHex())
}

how to generate hexadecimal color code like this

1 Answers1