CSS 網頁配色方案

2021-04-16 15:44:53 字數 3199 閱讀 7476

配色方案一(紫色):

版面**邊框顏色 #983498

版面標題**顏色 #d890d8

版面內容**顏色1 #f8dcf8

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #fff0ff

版面標題**字型顏色 #602060

版面內容**字型顏色 #602060

提醒語句顏色 #602060

配色方案二(粉色):

版面**邊框顏色 #f00078

版面標題**顏色 #ff98do

版面內容**顏色1 #ffe8f0

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #fff6fc

版面標題**字型顏色 #602060

版面內容**字型顏色 #602060

提醒語句顏色 #602060

配色方案三(果綠色):

版面**邊框顏色 #507010

版面標題**顏色 #a0dc40

版面內容**顏色1 #e8f8d0

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #f8fcf0

版面標題**字型顏色 #003300

版面內容**字型顏色 #003300

提醒語句顏色 #309478

配色方案四(深綠色):

版面**邊框顏色 #288058

版面標題**顏色 #88d8b0

版面內容**顏色1 #e0f4e8

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #f0f8f0

版面標題**字型顏色 #205838

版面內容**字型顏色 #205838

提醒語句顏色 #287048

配色方案五(金黃色):

版面**邊框顏色 #co7800

版面標題**顏色 #ffc562

版面內容**顏色1 #ffeed0

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #fffaf0

版面標題**字型顏色 #754900

版面內容**字型顏色 #754900

提醒語句顏色 #8c5800

配色方案六(湖藍色):

版面**邊框顏色 #007ca6

版面標題**顏色 #15b9ff

版面內容**顏色1 #cef3ff

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #ecfbff

版面標題**字型顏色 #00637b

版面內容**字型顏色 #00637b

提醒語句顏色 #007a99

配色方案七(寶石藍色):

版面**邊框顏色 #002cae

版面標題**顏色 #7d9aff

版面內容**顏色1 #d0dcff

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #eef2ff

版面標題**字型顏色 #001c7b

版面內容**字型顏色 #001c7b

提醒語句顏色 #000000

配色方案八(西瓜紅色:嬌豔):

版面**邊框顏色 #ff51b0

版面標題**顏色 #ff8cc6

版面內容**顏色1 #ffe1f0

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #fff4fa

版面標題**字型顏色 #bf0069

版面內容**字型顏色 #bf0069

提醒語句顏色 #602060

配色方案九(水橘紅色):

版面**邊框顏色 #ff8e68

版面標題**顏色 #ffa98c

版面內容**顏色1 #ffe9e1

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #fff9f7

版面標題**字型顏色 #9b2700

版面內容**字型顏色 #9b2700

提醒語句顏色 #000000

配色方案十(粉綠色):

版面**邊框顏色 #00b700

版面標題**顏色 #b0ffb0

版面內容**顏色1 #e8ffe8

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #f7fff7

版面標題**字型顏色 #006a00

版面內容**字型顏色 #006a00

提醒語句顏色 #000000

配色方案十一(藍紫色):

版面**邊框顏色 #4040e3

版面標題**顏色 #9b9bf0

版面內容**顏色1 #dedefa

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #f5f5fe

版面標題**字型顏色 #151595

版面內容**字型顏色 #151595

提醒語句顏色 #000000

配色方案十二(淡藍色):

版面**邊框顏色 #0053ec

版面標題**顏色 #a2c2ff

版面內容**顏色1 #e8f0ff

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #f4f9ff

版面標題**字型顏色 #6c0091

版面內容**字型顏色 #6c0091

提醒語句顏色 #6c0091

配色方案十三(雪青色):

版面**邊框顏色 #cd37ff

版面標題**顏色 #ebacff

版面內容**顏色1 #f9e6ff

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #fdf4ff

版面標題**字型顏色 #205838

版面內容**字型顏色 #205838

提醒語句顏色 #287048

配色方案十四(青綠色:中等,缺色時再使用):

版面**邊框顏色 #00935b

版面標題**顏色 #00ce81

版面內容**顏色1 #dffff3

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #f7fffc

版面標題**字型顏色 #005b39

版面內容**字型顏色 #005b39

提醒語句顏色 #005b39

配色方案十五(醬紅色):

版面**邊框顏色 #db3700

版面標題**顏色 #ff8c6a

版面內容**顏色1 #ffd2c4

版面內容**顏色2,顏色1和顏色2在bbs風格中互相穿插排列 #ffede8

版面標題**字型顏色 #8a1f00

版面內容**字型顏色 #8a1f00

提醒語句顏色 #8a1f00 

網頁設計配色

網頁設計配色基礎 rgb與hsb 在實用美術中,常有 遠看色彩近看花,先看顏色後看花,七分顏色三分花 的說法。這也就說明,在任何設計中,色彩對視覺的刺激起到第一資訊傳達的作用。因此,對色彩的基礎知識的良好掌控,在網頁設計中才能做到游刃有餘。為了使下面的網頁配色分析更易於理解,我們先來了解色彩的rgb...

網頁配色 疊柔配色法

網頁視覺層面主要是由形式 或叫布局 色彩 和文字資訊組成,設計師通常對形式感關注的比較多,因為視覺衝擊力 設計差異性或創新大多都仰賴形式呈現,而色彩主要影響整體觀感 設計品質以及受眾情緒,很多時候我們設計了乙個不錯的形式卻未能做出這個稿子應有的品質,會不會太可惜?形式需要思考創造,素材需要學習處理,...

putty配色方案

最近用膩了putty預設的配色方案,所以打算換一下配色。使用的是修改登錄檔的方法。1.開啟登錄檔 執行 regedit 2.找到對應的登錄檔檔案,並匯出 登錄檔位址 hkey current user software simontatham putty sessions 可以看到putty的配置資...