色彩设计工具
专为UI设计师与前端工程师打造的完整色彩科学工具箱。在HEX、RGB、HSL与CMYK之间自由互转,智能生成互补与三色调和谐配色方案,精准测试符合WCAG AA/AAA无障碍可读性标准的对比度。
颜色代码转换器
在 HEX、RGB、HSL、HSV 及 CMYK 色彩空间中自由换算。
Color Palette 提取器 from Image
在本地浏览器中免费使用 Color Palette 提取器 from Image,100%保护隐私,极速安全。
WCAG Color Contrast 检查工具 (AA & AAA)
在本地浏览器中免费使用 WCAG Color Contrast 检查工具 (AA & AAA),100%保护隐私,极速安全。
CSS Glassmorphism & Frosted Glass 生成器
在本地浏览器中免费使用 CSS Glassmorphism & Frosted Glass 生成器,100%保护隐私,极速安全。
色调与明暗阶梯生成器 (Shades & Tints)
输入任意 HEX 色值,自动生成 10 个与纯白混合的高亮明色 (Tints) 与 10 个与纯黑混合的暗部阴影色 (Shades)。
双色调色与渐变过渡混色器
模拟真实调色,按 0% 至 100% 任意混合两款颜色,展示中间多阶过渡色板并导出 CSS 渐变规则。
互补色与分裂互补色配色生成器
计算色轮正对面 180° 的完美互补色与分裂互补色方案,打造极具视觉冲击力的高对比度色彩搭配。
等距三分色三元调和配色生成器
计算色轮上相隔 120° 的三元平衡配色组合,提供经典的 60-30-10 界面设计着色比例预览。
四元双互补配色方案生成器 (Tetradic)
计算矩形或方形几何排列的四色调和方案,两组双互补色彩兼顾冷暖平衡,提供丰富的视觉层次。
相邻色与类似色柔和配色生成器
基于色轮上相邻 30° 的相近色调生成自然、柔和且高度统一的和谐色彩方案与 CSS 渐变代码。
单色系 50-900 阶梯调色板生成器
根据任意品牌色自动生成 50 至 900 的 9 级深浅明暗色阶,直接导出 Tailwind CSS 与 CSS 变量。
十六进制 HEX 转 HSL/HSLA 色彩转换器
将十六进制颜色代码精准转换为色相、饱和度与明度 HSL 数值,支持交互式滑块实时微调。
RGB 屏幕色转 CMYK 印刷四色转换器
将数字屏幕的 RGB 色彩数值转换为印刷机专用的青、品红、黄、黑 CMYK 百分比参数。
CMYK 印刷色转数字屏幕 RGB 与 HEX 转换器
输入印刷品牌设计手册中的 CMYK 墨水百分比,快速换算为网页端标准的 RGB 整数与 16 进制代码。