在线查阅 · 无需下载 · 颜色档案整理中 最近校订:2026-02-18

不用下载的网站颜色

在线配色样本 · 资料库条目化整理

分类入口 · 按用途归档

INDEX 01 / 共 6 类 · 已收录 341 条

资料条目 · 颜色样本记录

INDEX 02 / 展示 9 条 · 按校订时间排序
  1. 绿色植物叶片特写,用于深绿主色样本参考

    条目 A-001 · 深绿主色 #315f49 的档案记录

    色值 #315f49用途:品牌栏校订 2026-02-16

    作为页面主色,承担导航与标题的识别功能。记录中标注:与浅底 #f7f8f3 搭配时可维持较长阅读时间,按钮区域建议改用更亮的强调色以避免视觉疲劳。

    深绿品牌色资料库
  2. 浅色花朵与柔和背景,对应浅底色系样本

    条目 A-002 · 背景浅底 #f7f8f3 与卡片白的分层

    色值 #f7f8f3 / #ffffff用途:页面底色校订 2026-02-15

    浅底与纯白卡片之间保留极小的明度差,依靠 1px 描边与柔和阴影完成层次。记录建议:卡片圆角取 14px,阴影透明度不高于 0.14。

    浅底卡片层次
  3. 深色山景与冷调对比,用于深色区块记录

    条目 A-003 · 深色区 #183d2d 的页脚与侧栏用法

    色值 #183d2d用途:页脚 / 深色卡校订 2026-02-14

    深色区块集中放置版权、免责与次要链接,避免与正文争夺注意力。记录注明:深色底上的文字需提升到 #c9dcc2 以上,才适合小字号连续阅读。

    深色区页脚对比
  4. 电路板与荧光色细节,对应强调点缀色

    条目 A-004 · 点缀亮色 #d7f078 的面积控制

    色值 #d7f078用途:按钮 / 标签校订 2026-02-13

    亮黄绿只出现在可点击元素与关键数据上,单屏占比建议低于 8%。条目附注:深色文字压在亮色按钮上时,字重需到 700 以上以保持清晰。

    点缀色按钮高亮
  5. 书写与纸张纹理,对应文字与线框灰阶

    条目 A-005 · 正文墨色 #1e2a22 与辅助灰

    色值 #1e2a22 / #5a6b60用途:正文 / 注释校订 2026-02-12

    正文使用偏绿的近黑色而非纯黑,降低长时间阅读的对比刺激;元信息与注释统一降到 #5a6b60,并在字号上同步缩小一档。

    正文色可读性灰阶
  6. 桌面与资料整理场景,对应资料库界面配色

    条目 A-006 · 资料库列表界面的组合配色

    色值 #f0f5ea / #dfe9d6用途:条目卡 / 标签校订 2026-02-11

    条目卡之间用 12px 间距分隔,标签底色取 #eef4e8、描边取 #dfe9d6,形成连续但不拥挤的视觉节奏。此条目附带桌面与移动两套间距记录。

    界面列表标签
  7. 自然纹理与层次,对应对比度记录

    条目 A-007 · 深色底上的链接对比度实测记录

    色值 #183d2d ↔ #d7f078用途:链接 / 悬停校订 2026-02-10

    测量记录显示,深绿底与亮黄绿之间的对比足以支撑 13px 以上的链接文字;作为悬停态时,可再叠加下划线以提供第二条识别线索。

    对比度链接无障碍
  8. 屏幕与数字色块,对应色值索引条目

    条目 A-008 · 色值索引表:主色到描边的六档取值

    六档色阶用途:全局变量校订 2026-02-09

    把主色、深色、点缀、背景、描边、辅助文字固化为 CSS 变量,后续新增页面只需引用变量名,避免同色多名带来的档案混乱。

    变量色阶规范
  9. 明亮办公空间,对应响应式配色记录

    条目 A-009 · 响应式断点下的配色微调记录

    断点 1024 / 720用途:响应式校订 2026-02-08

    移动端把卡片阴影减弱、描边略微加深,以补偿小屏上阴影不可见的问题;导航在窄屏改为横向滚动,保持主色不变以维持品牌识别。

    响应式移动端微调

使用指引 · 如何查阅本资料库

INDEX 03 / 三步完成检索
STEP 01

按分类定位

先判断需求属于主色、浅底、点缀还是文字灰阶,从分类入口进入,可减少在条目列表中的翻找时间。

STEP 02

用色值或标签检索

在顶部搜索框输入十六进制色值、场景词或标签名。标签云中的高亮项为近期访问较多的主题,可作为检索起点。

STEP 03

阅读条目附注

每条记录都附带用途、校订时间与搭配建议。请优先参考附注中的对比度与面积说明,再决定是否采用该样本。

上传与举报入口

INDEX 04 / 档案维护通道

提交新的颜色条目

若你手上有尚未收录的配色样本,可按「色值 + 用途 + 搭配说明」的格式提交。编辑会核对色值准确性后再归档,并在条目中标注校订日期。

提交条目

举报错误或失效记录

发现色值与描述不符、链接失效或内容不当,请通过举报通道说明条目编号。核实后会先挂起该条目,再统一修正或下架。

发起举报
免责声明:本资料库为颜色样本的整理与索引记录,所有条目仅供设计参考,不构成任何形式的保证或商业建议。条目的色值以提交时的记录为准,实际显示效果受屏幕、色彩管理与环境光影响,可能存在差异。站内相关推荐链接指向的页面内容由对应页面自行负责,本站不对其准确性作出承诺。如权利人认为某条记录侵犯其权益,可通过举报通道联系处理。