咖啡时间工具箱

颜色与设计工具

生成器类目下的“颜色与设计”,共 4 个工具。文件在浏览器里处理,不会上传。

颜色转换HEX、RGB、HSL、HWB、CMYK 和颜色名互相转换,支持带透明度的颜色;CMYK 为未经色彩管理的朴素换算。配色方案与对比度由一个颜色生成互补、邻近、三等分、分裂互补、四等分配色和深浅梯度,导出 CSS 变量;并按 WCAG 检测文字与背景的对比度。在线取色器从图片里点一下取得精确色值(HEX、RGB、HSL),带放大镜;Chrome、Edge 还可以直接吸取屏幕上的颜色。占位图生成器按指定宽高和颜色生成占位图,可下载 PNG 或 SVG,文字自动适配并支持中文,前景色按背景自动选对比色。

全部 生成器 工具 →