颜色与设计

颜色与设计分类：在线调色板、HEX转RGB、RGB转HSL、CMYK颜色转换、渐变色生成器、配色方案生成、颜色对比度检测、CSS阴影生成器。查看工具说明、输入参数与本地处理结果。

在线调色板

在线调色板：选择五种自定义颜色并查看色板；所有颜色同时输出为 HEX，便于复制。

HEX转RGB：支持三位与六位十六进制颜色，输出 0–255 RGB 通道。

RGB转HSL：H 范围 0–360°，S/L 为百分比；灰色的色相约定为 0。

CMYK颜色转换：使用数学近似换算，未应用打印机 ICC 色彩配置文件，不能作为印刷打样依据。

渐变色生成器：生成双颜色 CSS 线性渐变，可调整方向与起止颜色。

配色方案生成：在 HSL 色环上生成互补、相邻或三分配色；仍需检查文本可读性。

颜色对比度检测：按 WCAG 相对亮度计算 sRGB 对比度；普通文本 AA≥4.5，大文本 AA≥3。颜色不考虑透明度。

CSS阴影生成器：调整阴影方向、模糊、扩展与透明度，输出 box-shadow。

CSS圆角生成器：四角按左上、右上、右下、左下顺时针顺序生成 CSS。

CSS动画生成器：输出真实 CSS keyframes，页面提供实时动画预览并尊重系统减少动态效果设置。

CSS Grid生成器：使用 minmax(0,1fr) 避免内容撑宽，输出可复制的 Grid 容器代码。

Flexbox布局生成器：可视调整方向、对齐、间距和换行；手机端请配合 wrap 使用。

Favicon生成器：将图片等比缩放并居中透明补边，生成 16/32/48/64/180/192/512px PNG 与含多尺寸图层的 ICO 真文件。