網頁設計上，選擇適當的配色，能讓你網頁看起來更佳之舒服。
壹、顏色之設定方法
在html程式碼裡，顏色有二種表示方式，一種係用顏色名稱表示，例如藍色就用blue，綠色就用green；另一種係用顏色代碼表示，此種方式就是用『#』號加上RGB的16進位方式所組之「網頁顏色代碼」來表示顏色，例如紅色之代碼為<#FF0000>。
一、以顏色名稱來表示
第一種方法就是將顏色的屬性值輸入成顏色名稱(英文名稱)，示如圖1。由圖1之內容來看，本範例將網頁中之文字顏色設定為墨綠色(teal)。
圖1 網頁顏色之設定
圖2 以圖1之內容所製作之網頁內容(以瀏覽器顯示之結果)
二、以顏色代碼(HEX碼)來表示
此種方式就是用『#』號加上RGB的16進位方式所組之「網頁顏色代碼」來表示網頁顏色。由圖1之內容來看，本範例將網頁之背景顏色設定為青色(#00FFFF)。
貳、網頁配色之工具介紹
網頁配色是製作網頁時入定碰到之問題，所以要在短時間內利用顏色完成配色作業真的有點難度，所以坊間有許多人寫了選擇網頁顏色之小工具來幫解決配色之需求，以下就針對ColorPic及色胚子進行介紹：
一、ColorPic
ColorPic為一款免費的軟體，它不僅可以挑選色盤上的顏色，也擁用像photoshop取色吸管之功能，能擷取螢幕上任一位置之顏色。其操作方式如下：
step1：查看顏色代碼
開啟軟體後，點選一塊空白的小方塊，再移動滑鼠，就可以看到指定顏色的HEX碼。(示如圖3)
step2：擷取顏色
若想要將顏色擷取到小方塊上，只要按下鍵盤的『Ctrl+G』即可(示如圖4)。
圖3 利用ColorPic軟體查看顏色代碼
圖4 利用ColorPic軟體擷取顏色
下載網址：http://www.iconico.com/colorpic/
二、色胚子
色胚子是一套集合強大配色、選色功能的輔助軟體，除了提供四種配色模式及多種配色輔助工具，還可透過擷取螢幕及圖片的顏色來得到色彩數值及色碼，更提供版面的配色建議、色彩資訊分析以及完整的情境式色票，調配好顏色之後並可複製、貼上、匯出與匯入多種色碼及色票格式，在網頁色彩方面亦提供網頁216安全色色盤及自動檢測網頁安全色的功能，而便利的色票管理功能更可幫助使用者管理調配好的顏色，不論您是時尚Blogger或是專業網頁設計師，色胚子絕對是您最佳的好幫手。【引用自軟體深掘部落格】
官方網站：http://tinoroy.myweb.hinet.net/index.htm
色胚子論壇：http://blog.colorbase.tw/
【作者的話】
我覺得一件好的設計作品，配色是相當重要的一環，偏偏我就是那種對於顏色的概念不夠強烈的人，使用美工設計軟體所附的調色器想要調配出適當的顏色，對我而言是有些難度，也會讓我浪費不少時間，所以「色胚子」誕生了；「胚」字是指：粗具輪廓而尚未完成的器物，而這個軟體是以顏色為基礎的工具，它可以提供使用者調配顏色的輔助，讓使用者利用此軟體調配顏色並將整個配色方案成型，因此我為它取一個有趣的名字 — 色胚子；如果您是那種天生對色彩感覺非常強烈的人，那麼色胚子可以加速您的配色工作，如果您跟我一樣，那麼色胚子可以輔助您調配出適當的顏色，相信久而久之對於配色的概念也會有所提昇。
【授權方式】
本軟體免費使用，非商業行為可自由散播、複製，但需保留作者資訊，不得以任何形式竄改作者資訊，其他未盡事宜，作者保留所有權利。
