網頁顏色色值取色器：

CSS3漸變色代碼生成器：

效果示例1

效果示例2

漸變參數

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

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

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

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

當x1等于x2，y1不等于y2，實現垂直漸變，調整y1，y2的值可以調整漸變半徑大小；

當y1等于y2，x1不等于x2，實現水平漸變，調整x1，x2的值可以調整漸變半徑大小；

當y1不等于y2，x1不等于x2，實現角度漸變，當x1,x2,y1,y2取值為極值的時候接近垂直漸變或水平漸變；

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

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

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

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

顏色配色

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。