網(wǎng)頁設(shè)計了解 RGB、HEX、HSL
網(wǎng)頁設(shè)計了解 RGB、HEX、HSL, 在Photoshop等繪圖或修圖軟件中，經(jīng)常會看到調(diào)色板下面的RGB選項，通常讓你輸入數(shù)值或者拉動調(diào)節(jié)桿。那么，什么是
網(wǎng)頁設(shè)計了解 RGB、HEX、HSL, 在Photoshop等繪圖或修圖軟件中，經(jīng)常會看到調(diào)色板下面的RGB選項，通常讓你輸入數(shù)值或者拉動調(diào)節(jié)桿。那么，什么是
深圳網(wǎng)站建設(shè)公司 幫助企業(yè)提升網(wǎng)站形象,彰顯公司實力,PC+手機+微信+小程序
【模板網(wǎng)站的價格】國際域名+阿里1G空間+備案 一條龍服務(wù)
【定制網(wǎng)站的功能】SEO精準營銷系統(tǒng)+城市分站+W3C標準
【營銷網(wǎng)站的效果】重長尾，重優(yōu)化，提權(quán)重，擴收錄，提排名
【量身訂制的設(shè)計】據(jù)據(jù)需求量身定制。設(shè)計到滿意為止
【專屬VIP的服務(wù)】24RX365 為您提供1對1的專屬VIP服務(wù)
在Photoshop等繪圖或修圖軟件中，經(jīng)常會看到調(diào)色板下面的RGB選項，通常讓你輸入數(shù)值或者拉動調(diào)節(jié)桿。那么，什么是RGB、HEX、HSL呢?如何精確輸入一定的數(shù)值來調(diào)和出我們想要的顏色?
其實無論是RGB、HEX，還是HSL，它們的作用只有一個：用數(shù)字表達出一種顏色。
RGB數(shù)值
調(diào)色方式
它是電腦中用得最多的調(diào)色方式。在電腦調(diào)色板下面，經(jīng)常能看到RGB(Red, Green, Blue)。RGB通過輸入的數(shù)值，將紅色、綠色和藍色的光源以一定的量混合在一起，形成顏色。
軟件中通常讓你輸入Red、Green、Blue對應(yīng)的三個整數(shù)的數(shù)值，且范圍必須在0-255之間。稍加計算，我們會發(fā)現(xiàn)：通過調(diào)節(jié)RGB的數(shù)值，可以得到256×256×256=16777216種顏色，當然，這只是理論上的數(shù)量。實際上，你光憑肉眼根本無法分辨這么多種顏色，另外顏色的正確顯示及準確過渡取決于顯示器的色域和色彩深度。
調(diào)整RGB數(shù)值，得到不同的顏色
RGB的結(jié)構(gòu)是：rgb(red, green, blue)。
以下列舉了一些常用顏色的RGB數(shù)值。
紅色：rgb(255, 0, 0)
橙色：rgb(255, 128, 0)
黃色：rgb(255, 255, 0)
綠色：rgb(0, 255, 0)
藍色：rgb(0, 0, 255)
紫色：rgb(170, 0, 255)
黑色：rgb(0, 0, 0)
白色：rgb(255, 255, 255)
灰色：rgb(128, 128, 128)
(只要三色值相等即可，值越接近255，就越接近白色，反之亦然)
有些時候，除了Red, Green, Blue以外，還會有一個需要設(shè)置的數(shù)值，那就是Alpha(不透明度)。這時候我們把它們叫做RGBA，Alpha通?？捎锌蔁o。Alpha值通常在0.0與1.0之間，1.0表示完全不透明，0.0表示完全透明。
HEX數(shù)值
調(diào)色方式
其實它和RGB的原理差不多，都是用Red, Green, Blue相混合所產(chǎn)生的顏色，只不過換成了十六進制。
HEX的格式：# rrggbb
10用a表示，11用b表示，12用c表示，13用d表示，14用e表示，15用f表示。
十六進制數(shù)列：1，2，3，4，5，6，7，8，9，a，b，c，d，e，f，10，11，…，aa，ab，ac，…，fc，fd，fe，ff。
對應(yīng)的十進制數(shù)列：1，2，3，4，5，6，7，8，9，10，11，12，13，14，15，16，17，…，170，171，172，…，252，253，254，255。
在有些軟件中，直接輸入這串數(shù)字就能直接找到對應(yīng)的顏色，調(diào)色板就會出現(xiàn)相對應(yīng)的顏色。
HSL數(shù)值
調(diào)色方式
HSL表示色相(Hue)、飽和度(Saturation)、亮度(Lightness)。結(jié)構(gòu)是：hsl(hue, saturation%, lightness%)。其中飽和度和亮度是百分比，不是數(shù)值。
色相(Hue)的數(shù)值表示這種顏色在色相環(huán)中的度數(shù)。0表示色相環(huán)中0°的位置，即紅色。同理，120表示綠色，240表示藍色。
飽和度(Saturation)由0%到100%，其中0%其實就是灰色，100%是最鮮艷、最充分的顏色。
亮度(Lightness)也是由0%到100%，其中0%其實就是黑色，100%也就是白色。注意：亮度可以粗略地認為它就是明度，但它們之間也是有區(qū)別的。
基于以上關(guān)于RGB、HEX、HSL的了解，更加使設(shè)計師運用photoshop，通過計算來取得出自己所需要的顏色。
| 我們的服務(wù) | |
| 企業(yè)網(wǎng)站建設(shè) | 企業(yè)網(wǎng)站建設(shè),企業(yè)網(wǎng)站設(shè)計,中小企業(yè)網(wǎng)站制作,企業(yè)官網(wǎng)建設(shè)公司 |
| 營銷型網(wǎng)站建設(shè) | 營銷網(wǎng)站建設(shè),營銷型網(wǎng)站設(shè)計制作,營銷網(wǎng)站系統(tǒng)，SEO系統(tǒng)，關(guān)鍵詞輕松上首頁 |
| 品牌網(wǎng)站建設(shè) | 品牌網(wǎng)站建設(shè),企業(yè)網(wǎng)站網(wǎng)站設(shè)計,品牌網(wǎng)站開發(fā),高端品牌網(wǎng)站制作,企業(yè)品牌官網(wǎng)建設(shè) |
| 外貿(mào)網(wǎng)站建設(shè) | 專業(yè)英文網(wǎng)站建設(shè),中英文網(wǎng)站的建站,外貿(mào)網(wǎng)站定制開發(fā)全球訪問快，能快速排名谷歌第一頁 |
| 響應(yīng)式網(wǎng)站建設(shè) | 響應(yīng)式網(wǎng)站建設(shè),H5 html5設(shè)計,制作響應(yīng)式網(wǎng)頁,響應(yīng)式建站 |
| 商城網(wǎng)站建設(shè) | 購物網(wǎng)站平臺 電商商城建站 網(wǎng)購網(wǎng)站建設(shè) 購物商城網(wǎng)站建設(shè) 大型商城網(wǎng)站開發(fā) |
| 小程序開發(fā) | 微信公眾號開發(fā),微信開發(fā),微信小程序開發(fā),微信公共號二次開發(fā),微信公共平臺開發(fā) |
| PHP定制開發(fā) | PHP開發(fā),php系統(tǒng)開發(fā),PHP定制功能開發(fā),PHP應(yīng)用程序開發(fā),Web應(yīng)用開發(fā) |
| 建站包含服務(wù) | |
| 1.贈送域名 | 贈送頂級域名.com/.net /.cn |
| 2.贈送空間 | 贈送阿里云1000M高速空間 |
| 3.免費備案 | 提供工信備案及公安備案 |
| 4.網(wǎng)站設(shè)計 | 網(wǎng)站設(shè)計，設(shè)計到滿意為止 |
| 5.站內(nèi)優(yōu)化 | 贈送站內(nèi)優(yōu)化，Gzip壓縮,CSS和Js,代碼優(yōu)化,關(guān)鍵字信息分析,標題、Meta標記、Alt標記， |
| 6.售后無憂 | 售后無憂，提供24Ｘ7售后服務(wù) |
| 7.免費培訓 | 免費提供網(wǎng)站后臺操作培訓 |
| 8.提供發(fā)票 | 提供正規(guī)普通發(fā)票 |
版權(quán)所有：深圳市網(wǎng)商在線科技有限公司
友情鏈接:
