カラーグラデーション

❮ 前次 ❯

グラデーションの背景：

↓

→

↖

↗

↑

←

↙

↘

色の選択：

CSSコード：

div {
background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
}

";} x + =" "; pow1 = Number（document.getElementById（" pow1 "）。value）; pow2 = Number（document.getElementById（" pow2 "）。value）; pow3 = pow2-pow1; col1 = w3color （document.getElementById（ "color1"）。value）; col2 = w3color（document.getElementById（ "color2"）。value）; tr = col1.red; tg = col1.green; tb = col1.blue; br = col2 .red; bg = col2.green; bb = col2.blue; n = 0; x + = ""; for（j = pow1; j pow2 && i> pow1））{bordercolor = "transparent";} if（i = pow2）{color = col2.toRgbString（）;} else {color = cARR [i];} if（i 100）{color = "transparent";} x + = "";} x + = ""; x + = "";for（i = -25; i

"+ i +"

";} x + =" "; x + =" "; document.getElementById（" redtable "）。innerHTML= x; if（document.getElementById（" redpointer "+ pow1））{document.getElementById（" redpointer "+ pow1）.style.display = "block";} if（document.getElementById（ "redpointerup" + pow2））{document.getElementById（ "redpointerup" + pow2）.style.display = "block";}} function submitTryit（）{event.preventDefault（）; document.getElementById（ "gradientform"）。submit（）;} function submitOnEnter（e）{keyboardKey = e.which || e.keyCode; if（keyboardKey == 13）{setGradient（） ;}}}

❮ 前次 ❯

色のチュートリアル

配色_

カラートレンド

色の基準

カラーグラデーション

グラデーションの背景：

色の選択：

CSSコード：