星点 星点-颜色工具 本系列首页
关于
版本 v1.0.0

标准与色库

汇集常用标准色库:CSS 颜色、Web Safe、Material Design、Tailwind、Ant Design、常用品牌色、UI 色、中国传统色、日本传统色与常用渐变色,支持按名称或色值搜索并一键复制。

标准与色库 · 工具介绍

不同设计体系与标准都有各自的颜色集合。本工具把它们分库整理,避免混淆,每条颜色都标注来源。

包含:CSS 标准颜色、Web Safe 216 色、Material Design、Tailwind、Ant Design、常用品牌色与常用 UI 色。

同时收录中国传统色与日本传统色,以及常用渐变色,适合寻找具有文化气质的配色。

每个色库独立展示,支持搜索过滤、点击复制,数据可维护、来源明确。

标准与色库 · 功能特点

  • CSS 标准颜色与 Web Safe 216 色
  • Material Design / Tailwind / Ant Design
  • 常用品牌色与常用 UI 色
  • 中国传统色 / 日本传统色
  • 常用渐变色集合
  • 搜索过滤、一键复制、来源标注

标准与色库 · 使用方法

  1. 选择要浏览的色库分类;
  2. 在搜索框输入名称或色值过滤;
  3. 点击色块复制颜色值;
  4. 查看每条颜色的来源标注;
  5. 需要渐变时切换到渐变色库并复制 CSS。

标准与色库 · 常见问题

Q:色值准确吗?

色库数据来自各设计体系与公开色表,并标注来源;如发现个别差异,可按来源核对后使用。

Q:色库之间会混淆吗?

不会。每个色库独立分区展示,字段包含来源标注,避免把不同体系的颜色混在一起。

Q:可以搜索颜色吗?

可以。支持按颜色名称(中英文)或十六进制色值搜索过滤,快速定位目标颜色。

Q:渐变色库提供什么?

提供常用渐变配色及对应的 CSS linear-gradient 代码,可直接复制使用。

相关工具

继续使用本站其它颜色处理工具:

颜色选择器

色相/饱和度/明度面板取色,多格式实时同步与多点保存

打开工具

图片颜色工具

上传图片取色、提取主色与调色板、统计与聚类量化

打开工具

颜色格式转换

HEX/RGB/HSL/HSV/CMYK/LAB/XYZ/LCH/HWB/OKLab/OKLCH 互转

打开工具

配色方案生成器

按色彩关系生成单色/类似/互补/三角/四角等配色方案

打开工具

CSS 渐变生成器

可视化制作线性/径向/锥形渐变并复制 CSS

打开工具

对比度检测

WCAG AA/AAA 对比度检测,给出最佳文字色与替代色

打开工具

颜色调整

滑块实时调整亮度/饱和度/透明度/色相/明度/对比度

打开工具

批量颜色处理

批量转换/提取/替换/去重/排序颜色代码

打开工具

设计辅助

主色/辅助色/状态色 → UI 结构预览 + Design Token 导出

打开工具

专业色彩

LAB/OKLab/OKLCH 转换、DeltaE 色差、色温与色域分析

打开工具

色觉模拟

模拟多种色觉类型,检查图片与配色的可辨识度

打开工具