網(wǎng)頁顏色色值取色器：

CSS3漸變色代碼生成器：

效果示例1

效果示例2

漸變參數(shù)

webkit內(nèi)核的safari、 Chrome的Linear Gradients (線性漸變) 基本語法：background-image:-webkit-gradient(type,x1 y1, x2 y2, from(開始顏色值),to(結(jié)束顏色值), [color-stop(偏移量小數(shù),停靠顏色值),...] );

-webkit-gradient是background的一個屬性值；

webkit內(nèi)核的Linear Gradients (線性漸變) 第一組參數(shù)type(類型)為 linear；

第二組參數(shù)是,x1 y1, x2 y2,當(dāng)成顏色漸變體的兩個點的坐標(biāo)就是。x1,x2,y1,y2的取值范圍為0%-100%，當(dāng)x1,x2,y1,y2取值為極值的時候，x1和x2可以取值left(或0%)或right(或100%)，,y1和y2可以取值top(或0%)或bottom(或100%)；

當(dāng)x1等于x2，y1不等于y2，實現(xiàn)垂直漸變，調(diào)整y1，y2的值可以調(diào)整漸變半徑大小；

當(dāng)y1等于y2，x1不等于x2，實現(xiàn)水平漸變，調(diào)整x1，x2的值可以調(diào)整漸變半徑大小；

當(dāng)y1不等于y2，x1不等于x2，實現(xiàn)角度漸變，當(dāng)x1,x2,y1,y2取值為極值的時候接近垂直漸變或水平漸變；

當(dāng)x1等于x2，y1等于y2，實現(xiàn)沒有漸變，取from色，即“ from(顏色值) ”；

實現(xiàn)垂直漸變和水平漸變漸變時，x1和x2可以最簡單的取值是left(或0%)或right(或100%),y1和y2可以最簡單的取值是top(或0%)或bottom(或100%)；

from(開始顏色值),to(結(jié)束顏色值)是兩個漸變顏色值；

[color-stop(偏移量,停靠顏色值),...]：可以使用多個color-stop，如果漸變只有2個顏色，那么可以不使用該參數(shù)；偏移量必須為小數(shù)，如果偏移量>=1,那么該color-stop相當(dāng)于無效；

顏色配色

所謂配色，簡單來說就是將顏色擺在適當(dāng)?shù)奈恢?#xff0c;做一個最好的安排。色彩是通過人的印象或者聯(lián)想來產(chǎn)生習(xí)理上的影響，而配色的作用就是通過改變空間的舒適程度和環(huán)境氣氛來滿足消費者的各方面的要求。配色主要有兩種方式，一是通過色彩的色相、明度、純度的對比來控制視覺刺激，達(dá)到配色的效果；另一種是通過心理層面感觀傳達(dá)，間接性地改變顏色，從而達(dá)到配色的效果。

顏色的種類非常多，不同的顏色會給人不同的感覺。紅，橙，黃給人感到溫暖和歡樂，因此稱為"暖色"；藍(lán)，綠，紫給人感到安靜和清新，因此稱為"冷色"。

總結(jié)

以上是生活随笔為你收集整理的html颜色代码生成器,在线取色配色工具,CSS3渐变色代码生成器-易玩稀有的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。