14 工具

色彩设计工具

专为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 进制代码。

色彩设计工具打开工具

探索其他分类

查看全部
色彩设计工具 – Toolxilla | Toolxilla