Web開發(fā)中關(guān)于16進制顏色代碼有哪些-創(chuàng)新互聯(lián)

Web開發(fā)中關(guān)于16進制顏色代碼有哪些,相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。

目前創(chuàng)新互聯(lián)建站已為近1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計、衡山網(wǎng)站維護等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。

這有必要了解一顏色系統(tǒng)的概念:

RGB:RGB色彩模式是工業(yè)界的一種顏色標(biāo)準(zhǔn),是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍三個通道的顏色,這個標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色,是目前運用最廣的顏色系統(tǒng)之一。RGB色彩模式使用RGB模型為圖像中每一個像素的RGB分量分配一個0~255范圍內(nèi)的強度值。RGB圖像只使用三種顏色,就可以使它們按照不同的比例混合,在屏幕上重現(xiàn)16777216(256 * 256 * 256)種顏色。

以下,我們通過幾幅圖來探究RGB的表示原理。

我們可知道,純紅色的RGB為(255,0,0),16進制顏色代碼為#ff0000。

Web開發(fā)中關(guān)于16進制顏色代碼有哪些

再看,純藍色的RGB為(0,0,255),16進制顏色代碼為#0000ff。

Web開發(fā)中關(guān)于16進制顏色代碼有哪些

那么,通過上兩圖,我們來推測下純綠色的RGB及16進制顏色代碼為多少呢?

沒錯,G對應(yīng)255,其余R、B為0,即純綠色的RGB為(0,255,0),16進制顏色代碼為#00ff00。

那么是怎么實現(xiàn)RGB>16進制顏色代碼的呢,其中肯定隱藏了什么算法?其實這并沒有想象的那么抽象。

No.1 其實我們通過觀察發(fā)現(xiàn),RGB以逗號隔開三位數(shù)制,而16進制顏色代碼中正好是#+六位數(shù)值。于是我們可假設(shè)RGB中每位數(shù)值對應(yīng)16進制顏色代碼中的兩位,即:

255,0,0 ># ff 00 00

0,0,255 ># ff 00 00

No.2 既然16進制顏色代碼每位都是16進制的,那么RGB的數(shù)值應(yīng)該也有對應(yīng)的進制位,這里我們嘗試把它當(dāng)做10進制數(shù)來試試。

10進制:255 > 16進制:FF

16進制:AA   > 10進制:170

16進制:B2   > 10進制:178

Web開發(fā)中關(guān)于16進制顏色代碼有哪些

觀察到木有?竟然是可以的,那么可以說,以上兩點假設(shè)成立。即RGB及16進制顏色代碼其實就是利用了不同進制位來記數(shù),而通過數(shù)值轉(zhuǎn)換,我們便實現(xiàn)顏色的互通了。

看完上述內(nèi)容,你們掌握Web開發(fā)中關(guān)于16進制顏色代碼有哪些的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

本文題目:Web開發(fā)中關(guān)于16進制顏色代碼有哪些-創(chuàng)新互聯(lián)
文章網(wǎng)址:http://muchs.cn/article40/dddiho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣自適應(yīng)網(wǎng)站、App開發(fā)、微信公眾號面包屑導(dǎo)航、網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)