網頁設計中色彩表現原理

計算機顯示器是由一個個被稱為像素的小點構成的，利用電子束表現色彩。像素把光的三原色紅、黃、藍組合成的色彩按照科學的原理表現出來。一個像素包含8位元色彩的信息量，有從0-255的256個單元。0是完全無光的狀態，255是最明亮的狀態。

網頁安全色

了解了網頁色彩的特性后，就會知道網頁中的顏色會受到各種不同環境的影響。即使網頁使用了非常合理，非常漂亮的配色方案，但是如果每個人瀏覽的時候看到的效果都各不相同，那么你的配色方案的意愿就不能夠非常好的傳達給瀏覽者。

那么怎么才能解決這個問題呢？要解決這個問題，可以在網頁設計的時候，使用網頁安全色設置頁面。“網頁安全色”是在不同硬件環境、不同操作系統、不同瀏覽器中都能夠正常顯示的色彩集合。在設計網頁作品的時候盡量使用網頁安全色，這樣才不會讓瀏覽者看到的效果與設計制作時相差太多，否則原稿和瀏覽者看到的頁面可能會出現嚴重的色彩偏差。

網頁安全色是當紅色、綠色、藍色顏色數字信號值為0、51、102、153、204、255時構成的顏色組合，它一共有6*6*6=216種顏色。

216中網頁安全色在需要實現高精度的漸變效果或顯示真彩圖像或照片時，會有一定的欠缺，但是在顯示微標或者二位平面效果時，確實綽綽有余的。不過可以看到很多站點利用其它非網頁安全色做到了新穎獨特的設計風格，所以設計者并不需要刻意的追求使用局限在216中網頁安全色范圍內的顏色，而是應該更好的搭配使用網頁安全色和非安全色。

色彩模式

RGB色彩模式

RGB色彩模式使用RGB模型為圖像中每一個像素的RGB分量分配一個0~255范圍內的強度值。例如：純紅色R值為255，G值為0，B值為0；灰色的R、G、B三個值相等（除了0和255）；白色的R、G、B都為255；黑色的R、G、B都為0。RGB圖像只使用三種顏色，就可以使它們按照不同的比例混合，在屏幕上重現16777216種顏色。

在 RGB 模式下，每種 RGB 成分都可使用從 0（黑色）到 255（白色）的值。 例如，亮紅色使用 R 值 246、G 值 20 和 B 值 50。 當所有三種成分值相等時，產生灰色陰影。 當所有成分的值均為 255 時，結果是純白色；當該值為 0 時，結果是純黑色。

CMYK色彩模式

CMYK代表印刷上用的四種顏色，C代表青色（Cyan），M代表洋紅色（Magenta），Y代表黃色（Yellow），K代表黑色（Black）。因為在實際應用中，青色、洋紅色和黃色很難疊加形成真正的黑色，最多不過是褐色而已。因此才引入了K——黑色。黑色的作用是強化暗調，加深暗部色彩。

索引色彩模式

索引顏色模式：如果原圖像中的某種顏色沒有出現在該表中，則程序將選取現有顏色中最接近的一種，或使用現有顏色模擬該顏色。它只支持單通道圖像(8位/像素)，因此，我們通過限制調色板、索引顏色減小文件大小，同時保持視覺上的品質不變——如用于多媒體動畫的應用或網頁。

灰度模式

灰度模式：用單一色調表現圖像，一個像素的顏色用八位元來表示，一共可表現256階（色階）的灰色調（含黑和白），也就是256種明度的灰色。是從黑→灰→白的過渡，如同黑白照片。

雙色調模式

雙色調模式采用2~4種彩色油墨混合其色階來創建雙色調(2種顏色)、三色調(3種顏色)、四色調(4種顏色)的圖像,在將灰度圖像轉換為雙色調模式的圖像過程中,可以對色調進行編輯,產生特殊的效果.使用雙色調的重要用途之一是使用盡量少的顏色表現盡量多的顏色層次，減少印刷成本。

位圖模式

位圖模式：photoshop使用的位圖模式只使用黑白兩種顏色中的一種表示圖像中的像素。位圖模式的圖像也叫做黑白圖像，它包含的信息最少，因而圖像也最小。

本文名稱：網頁設計中色彩表現原理
瀏覽地址：http://m.kartarina.com/news13/43613.html

成都網站建設公司_創新互聯，為您提供微信公眾號、Google、網站制作、定制開發、移動網站建設、品牌網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯