博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页配色方案大全
阅读量:5235 次
发布时间:2019-06-14

本文共 3758 字,大约阅读时间需要 12 分钟。

配色方案大全

配色方案一 (粉绿色):

浏览器边框颜色 #e8ffe8

顶部菜单表格背景(深背景) #e8ffe8

顶部菜单表格背景(浅背景) #f7fff7

表格边框颜色一 #00b700

表格边框颜色二 #b0ffb0

标题表格颜色一(深背景) #e8ffe8

标题表格颜色二(浅背景) #f7fff7

表格体颜色一 #f7fff7

表格体颜色二(1和2颜色在首页显示中穿插) #e8ffe8

表格标题栏字体颜色 #006a00

表格内容栏字体颜色 #006a00

警告提醒语句的颜色 #000000

配色方案二 (水橘红色):

浏览器边框颜色 #ffe9e1

顶部菜单表格背景(深背景) #ffe9e1

顶部菜单表格背景(浅背景) #fff9f7

表格边框颜色一 #ff8e68

表格边框颜色二 #ffa98c

标题表格颜色一(深背景) #ffe9e1

标题表格颜色二(浅背景) #fff9f7

表格体颜色一 #fff9f7

表格体颜色二(1和2颜色在首页显示中穿插) #ffe9e1

表格标题栏字体颜色 #9b2700

表格内容栏字体颜色 #9b2700

警告提醒语句的颜色 #000000

配色方案三 (西瓜红色):

浏览器边框颜色 #ffe1f0

顶部菜单表格背景(深背景) #ffe1f0

顶部菜单表格背景(浅背景) #fff4fa

表格边框颜色一 #ff51b0

表格边框颜色二 #ff8cc6

标题表格颜色一(深背景) #ffe1f0

标题表格颜色二(浅背景) #fff4fa

表格体颜色一 #fff4fa

表格体颜色二(1和2颜色在首页显示中穿插) #ffe1f0

表格标题栏字体颜色 #bf0069

表格内容栏字体颜色 #bf0069

警告提醒语句的颜色 #602060

配色方案四 (宝石蓝色):

浏览器边框颜色 #d0dcff

顶部菜单表格背景(深背景) #d0dcff

顶部菜单表格背景(浅背景) #eef2ff

表格边框颜色一 #002cae

表格边框颜色二 #7d9aff

标题表格颜色一(深背景) #d0dcff

标题表格颜色二(浅背景) #eef2ff

表格体颜色一 #eef2ff

表格体颜色二(1和2颜色在首页显示中穿插) #d0dcff

表格标题栏字体颜色 #001c7b

表格内容栏字体颜色 #001c7b

警告提醒语句的颜色 #000000

配色方案五 (湖蓝色):

浏览器边框颜色 #cef3ff

顶部菜单表格背景(深背景) #cef3ff

顶部菜单表格背景(浅背景) #ecfbff

表格边框颜色一 #007ca6

表格边框颜色二 #15b9ff

标题表格颜色一(深背景) #cef3ff

标题表格颜色二(浅背景) #ecfbff

表格体颜色一 #ecfbff

表格体颜色二(1和2颜色在首页显示中穿插) #cef3ff

表格标题栏字体颜色 #00637b

表格内容栏字体颜色 #00637b

警告提醒语句的颜色 #007a99

配色方案六 (金黄色):

浏览器边框颜色 #ffeed0

顶部菜单表格背景(深背景) #ffeed0

顶部菜单表格背景(浅背景) #Fffaf0

表格边框颜色一 #co7800

表格边框颜色二 #ffc562

标题表格颜色一(深背景) #ffeed0

标题表格颜色二(浅背景) #Fffaf0

表格体颜色一 #Fffaf0

表格体颜色二(1和2颜色在首页显示中穿插) #ffeed0

表格标题栏字体颜色 #754900

表格内容栏字体颜色 #754900

警告提醒语句的颜色 #8c5800

配色方案七 (深绿色):

浏览器边框颜色 #e0f4e8

顶部菜单表格背景(深背景) #e0f4e8

顶部菜单表格背景(浅背景) #f0f8f0

表格边框颜色一 #288058

表格边框颜色二 #88d8b0

标题表格颜色一(深背景) #e0f4e8

标题表格颜色二(浅背景) #f0f8f0

表格体颜色一 #f0f8f0

表格体颜色二(1和2颜色在首页显示中穿插) #e0f4e8

表格标题栏字体颜色 #205838

表格内容栏字体颜色 #205838

警告提醒语句的颜色 #287048

配色方案八 (果绿色):

浏览器边框颜色 #e8f8d0

顶部菜单表格背景(深背景) #e8f8d0

顶部菜单表格背景(浅背景) #f8fcf0

表格边框颜色一 #507010

表格边框颜色二 #a0dc40

标题表格颜色一(深背景) #e8f8d0

标题表格颜色二(浅背景) #f8fcf0

表格体颜色一 #f8fcf0

表格体颜色二(1和2颜色在首页显示中穿插) #e8f8d0

表格标题栏字体颜色 #003300

表格内容栏字体颜色 #003300

警告提醒语句的颜色 #309478

配色方案九 (粉色):

浏览器边框颜色 #ffe8f0

顶部菜单表格背景(深背景) #ffe8f0

顶部菜单表格背景(浅背景) #fff6fc

表格边框颜色一 #f00078

表格边框颜色二 #ff98do

标题表格颜色一(深背景) #ffe8f0

标题表格颜色二(浅背景) #fff6fc

表格体颜色一 #fff6fc

表格体颜色二(1和2颜色在首页显示中穿插) #ffe8f0

表格标题栏字体颜色 #602060

表格内容栏字体颜色 #602060

警告提醒语句的颜色 #602060

配色方案十 (紫色):

浏览器边框颜色 #f8dcf8

顶部菜单表格背景(深背景) #f8dcf8

顶部菜单表格背景(浅背景) #fff0ff

表格边框颜色一 #983498

表格边框颜色二 #d890d8

标题表格颜色一(深背景) #f8dcf8

标题表格颜色二(浅背景) #fff0ff

表格体颜色一 #fff0ff

表格体颜色二(1和2颜色在首页显示中穿插) #f8dcf8

表格标题栏字体颜色 #602060

表格内容栏字体颜色 #602060

警告提醒语句的颜色 #602060

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

浏览器边框颜色 #dedefa

顶部菜单表格背景(深背景) #dedefa

顶部菜单表格背景(浅背景) #f5f5fe

表格边框颜色一 #4040e3

表格边框颜色二 #9b9bf0

标题表格颜色一(深背景) #dedefa

标题表格颜色二(浅背景) #f5f5fe

表格体颜色一 #f5f5fe

表格体颜色二(1和2颜色在首页显示中穿插) #dedefa

表格标题栏字体颜色 #151595

表格内容栏字体颜色 #151595

警告提醒语句的颜色 #602060

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

浏览器边框颜色 #e8f0ff

顶部菜单表格背景(深背景) #e8f0ff

顶部菜单表格背景(浅背景) #f4f9ff

表格边框颜色一 #0053ec

表格边框颜色二 #a2c2ff

标题表格颜色一(深背景) #e8f0ff

标题表格颜色二(浅背景) #f4f9ff

表格体颜色一 #f4f9ff

表格体颜色二(1和2颜色在首页显示中穿插) #e8f0ff

表格标题栏字体颜色 #6c0091

表格内容栏字体颜色 #6c0091

警告提醒语句的颜色 #6c0091

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

浏览器边框颜色 #f9e6ff

顶部菜单表格背景(深背景) #f9e6ff

顶部菜单表格背景(浅背景) #Fdf4ff

表格边框颜色一 #cd37ff

表格边框颜色二 #ebacff

标题表格颜色一(深背景) #f9e6ff

标题表格颜色二(浅背景) #Fdf4ff

表格体颜色一 #Fdf4ff

表格体颜色二(1和2颜色在首页显示中穿插) #f9e6ff

表格标题栏字体颜色 #205838

表格内容栏字体颜色 #205838

警告提醒语句的颜色 #287048

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

浏览器边框颜色 #dffff3

顶部菜单表格背景(深背景) #dffff3

顶部菜单表格背景(浅背景) #F7FFFc

表格边框颜色一 #00935b

表格边框颜色二 #00ce81

标题表格颜色一(深背景) #dffff3

标题表格颜色二(浅背景) #F7FFFc

表格体颜色一 #F7FFFc

表格体颜色二(1和2颜色在首页显示中穿插) #dffff3

表格标题栏字体颜色 #005b39

表格内容栏字体颜色 #005b39

警告提醒语句的颜色 #005b39

配色方案十五(酱红色):

浏览器边框颜色 #ffd2c4

顶部菜单表格背景(深背景) #ffd2c4

顶部菜单表格背景(浅背景) #ffede8

表格边框颜色一 #db3700

表格边框颜色二 #ff8c6a

标题表格颜色一(深背景) #ffd2c4

标题表格颜色二(浅背景) #ffede8

表格体颜色一 #ffede8

表格体颜色二(1和2颜色在首页显示中穿插) #ffd2c4

表格标题栏字体颜色 #8a1f00

表格内容栏字体颜色 #8a1f00

警告提醒语句的颜色 #8a1f00

转载于:https://www.cnblogs.com/wpbars/p/3402413.html

你可能感兴趣的文章
静态变量数组实现LRU算法
查看>>
中文系统 上传file的input显示英文
查看>>
比callback更简洁的链式执行promise
查看>>
android permission
查看>>
【译】在Asp.Net中操作PDF - iTextSharp - 使用字体
查看>>
.net 文本框只允许输入XX,(正则表达式)
查看>>
Python 第四十五章 MySQL 内容回顾
查看>>
实验2-2
查看>>
MongoDB遇到的疑似数据丢失的问题。不要用InsertMany!
查看>>
android smack MultiUserChat.getHostedRooms( NullPointerException)
查看>>
监控工具之---Prometheus 安装详解(三)
查看>>
不错的MVC文章
查看>>
IOS Google语音识别更新啦!!!
查看>>
[置顶] Linux终端中使用上一命令减少键盘输入
查看>>
BootScrap
查看>>
【Python学习笔记】1.基础知识
查看>>
梦断代码阅读笔记02
查看>>
selenium学习中遇到的问题
查看>>
大数据学习之一——了解简单概念
查看>>
Lintcode: Partition Array
查看>>