JavaScript function to return “n” shades of a given color from (dark to light)

前端 未结 2 1565
孤城傲影
孤城傲影 2021-02-10 00:15

I would like to get the color range of the specific color for generating tag cloud.

Say that user has entered some color with RGB/HHHHHH values then I woul

2条回答
  •  南旧
    南旧 (楼主)
    2021-02-10 00:32

    function generate()
    {
      var r = document.querySelector("#R").value%256;
      var g = document.querySelector("#G").value%256;
      var b = document.querySelector("#B").value%256;
      var str="";
      for(var i=0;i<7;i++)
      {
        r+=33;
        g+=33;
        b+=33;
        str+="
    "; } document.querySelector("#op").innerHTML = str; console.log(str); }
    .swatch{width:50px;height:25px;margin:1px}
    R
    G
    B
    Generated Color shades

    Do you want something like this on jsbin? This is a demo that I have built using jQuery.

    Let me know if you have any doubts.

提交回复
热议问题