专业工具箱
覆盖从灵感到落地的完整配色流程,每个工具都可独立使用。
配色生成
基于色彩理论一键生成和谐配色,可锁定、导出多种格式。
配色方案
76 套精选成品配色,按风格与色系筛选。
色环配色
在色环上选基准色,直观查看互补色、类比色等和谐配色。
取色器
滑块精调颜色,实时查看全格式数值与完整色阶。
图片取色
从图片提取主色调,点击任意位置精确吸色。
渐变生成
可视化生成线性 / 径向 / 锥形 CSS 渐变代码。
对比度
WCAG 对比度检测与一键修正,保障文字可读性。
颜色转换
HEX / RGB / HSL / CMYK / LAB 互转,支持批量。
色盲模拟
模拟 8 种色觉障碍,验证配色无障碍可用性。
颜色混合
把任意两种或多种颜色按比例混合,实时预览并导出过渡色。
色阶生成
输入基准色,一键生成 50~950 完整色阶,适合设计系统。
明暗色阶
把任意颜色按明度均分,生成浅到深的明暗色阶,导出 CSS 变量。
灵感配色方案
精选可直接商用的和谐配色,点击色块复制色值。
为什么选择 365Lab 配色网
本地运算,隐私安全
所有颜色计算都在你的浏览器里完成,图片不会上传服务器,收藏数据只存在本机。
专业色彩科学
采用 CIELAB / CIEDE2000 色差算法与 WCAG 2.1 对比度标准,结果贴近专业设计软件。
一键落地到项目
支持导出 CSS 变量、SCSS、Tailwind 配置、JSON、SVG、PNG、Android XML 与 SwiftUI 代码。
移动端同样好用
响应式布局与触控优化,手机上也能顺畅生成、预览和复制配色。
常见问题
365Lab配色网是免费的吗?
完全免费,无需注册登录,也没有次数限制。所有工具打开即用。
我的图片会被上传吗?
不会。图片取色使用浏览器 Canvas 在本地读取像素,全程不联网传输,关闭页面即销毁。
生成的配色可以商用吗?
可以。颜色本身不受版权保护,生成的色值可自由用于个人和商业项目,无需署名。
如何保存我喜欢的配色?
点击色块上的心形图标即可收藏,数据保存在浏览器本地存储中,随时在「我的收藏」页面查看。
对比度多少才算合格?
按 WCAG 2.1 标准:正文文字需要 ≥ 4.5:1(AA)或 ≥ 7:1(AAA);大号文字(18pt 以上或 14pt 粗体)需要 ≥ 3:1(AA)。
支持哪些颜色格式?
支持 HEX、RGB、HSL、HSV、CMYK、LAB、LCH 之间的互相转换,并可直接复制为 CSS 可用写法。