配色设计（共 32 款）
调色板、渐变色、色值转换与 CSS 生成器
🎨在线调色板按主色生成和谐配色方案并复制色值。🌈渐变色生成器可视化生成 CSS 渐变代码并实时预览。⇄颜色格式转换HEX、RGB、HSL、HSV、CMYK 互转。◐颜色明暗调整生成从浅到深的色阶梯度。◪CSS阴影生成器可视化生成 box-shadow 代码。◜CSS圆角生成器四角独立调整，生成 border-radius 代码。▩网页安全色表216 种网页安全色，点击复制色值。◨常用渐变色参考收录多组渐变方案，点击复制 CSS。🖌图片取色板生成从图片中提取主要颜色并生成配色。◑颜色对比度检测按 WCAG 标准检测文字与背景对比度。✳CSS动画生成器选择常用动画效果并复制 CSS 代码。▲CSS 三角形生成器生成任意方向的 CSS 三角形。AaCSS 文字阴影生成器可视化生成 text-shadow 代码。◍CSS 毛玻璃效果生成毛玻璃拟态卡片样式。▦CSS 网格布局生成器按行列数生成 grid 布局代码。🎨颜色名称查找查这个色值叫什么颜色。🌈CSS 渐变生成器可视化生成 CSS 渐变代码。▨CSS 斜纹与条纹背景生成器生成 CSS 条纹与棋盘格背景。🫧毛玻璃拟态 CSS 生成器生成毛玻璃（玻璃拟态）CSS。💡CSS 霓虹发光文字生成器生成霓虹发光文字 CSS。🖱CSS 自定义光标生成器生成自定义光标 CSS。◈CSS clip-path 形状生成器生成 clip-path 裁剪形状代码。🧩CSS 精灵图坐标生成器计算雪碧图 background-position。🎨HEX 转 RGB按标准色彩公式完成HEX 转 RGB，结果可直接粘贴到 CSS 或设计工具里。🎨RGB 转 HEX按标准色彩公式完成RGB 转 HEX，结果可直接粘贴到 CSS 或设计工具里。🎨RGB 转 HSL按标准色彩公式完成RGB 转 HSL，结果可直接粘贴到 CSS 或设计工具里。🎨HSL 转 RGB按标准色彩公式完成HSL 转 RGB，结果可直接粘贴到 CSS 或设计工具里。🎨颜色相对亮度按标准色彩公式完成颜色相对亮度，结果可直接粘贴到 CSS 或设计工具里。🎨对比度比值按标准色彩公式完成对比度比值，结果可直接粘贴到 CSS 或设计工具里。🎨色温与 RGB 对照按标准色彩公式完成色温与 RGB 对照，结果可直接粘贴到 CSS 或设计工具里。🎨RGB 与 CMYK 换算按标准色彩公式完成RGB 与 CMYK 换算，结果可直接粘贴到 CSS 或设计工具里。🎯色值生成器一个色值换成五种格式并给出明暗梯度。