颜色设计
共 20 个工具
颜色转换器
输入 HEX / RGB / HSL / CMYK / 颜色名，一键转换为全部格式
颜色选择器
HSV 方形取色板 + 色相滑块，输出各格式
调色板生成
基于基色生成互补/类似/三角/四角/单色和谐配色方案
随机颜色生成
一次生成 8 个美观随机色，支持锁定与导出
CSS 命名颜色大全
148 个标准 CSS 颜色名检索表，支持搜索过滤
CSS 渐变生成器
线性/径向渐变，多色标拖动，实时预览并复制 CSS
对比度检查（WCAG）
检查前景/背景对比度是否满足 AA / AAA 标准，并给出修正建议
色盲模拟器
模拟红色盲 / 绿色盲 / 蓝黄色盲 / 全色盲下的颜色与图片效果
颜色混合器
两种颜色按任意比例混合（RGB 空间），生成过渡阶梯
色调明暗生成
一个颜色生成 10 级明度梯度（类似 Tailwind 50-900）与饱和度变化组
图片取色器
上传图片后点击/吸管取像素颜色，带放大镜预览与历史记录
图片主色提取
中位切分法提取图片 5-8 个主色及占比
交互色轮
12/24 色相环，点击选色并给出配色建议
日本传统色查询
100+ 日本传统色（名称/读音/HEX/季节分类），支持搜索
CSS 阴影生成器
box-shadow / text-shadow 可视化编辑，支持多层阴影
圆角生成器
四角独立调节，像素/百分比切换，8 值简写，预览+代码
CSS 光标大全
全部标准 cursor 值网格，悬停实际显示光标，点击复制
宽高比计算器
宽高化简比例、按比例换算新尺寸、Padding-top 输出
玻璃拟态生成器
Glassmorphism：背景模糊/透明度/边框/阴影滑块，彩色背景实时预览
新拟态生成器
Neumorphism：光源方向/深浅阴影/圆角调节，实时预览+CSS