新潮工具箱

颜色转换

HEX、RGB、HSL 三种表示法互相转换，附带取色器、明暗梯度生成与对比度检查，设计稿落地和网页配色都好用。

输入色值或使用取色器选择颜色

工具操作区

HEX

#534ab7

RGB

rgb(83, 74, 183)

HSL

hsl(245, 43%, 50%)

明暗梯度

从左到右依次为暗到亮，适合制作按钮的悬浮与按下状态。

对比度 6.93:1

前景与背景的实际效果

正文建议不低于 4.5，大号标题可放宽到 3。

使用说明

  1. 1

    选择颜色

    用系统取色器选取，或手动输入色值。

  2. 2

    查看换算

    HEX、RGB、HSL 三种结果同步显示。

  3. 3

    生成梯度

    查看同色系的明暗梯度，用于按钮态设计。

  4. 4

    检查对比度

    输入前景与背景色检查可读性。

常见问题

相关工具推荐

字数统计

统计中文字符数、英文单词数、行数、字节数与阅读时长，支持排除标点与空格，公众号排版与论文查重前先用它。

JSON 格式化校验

一键美化、压缩、转义 JSON 数据，精确标出语法错误的行号与原因，支持折叠层级查看，前后端调试必备。

黑白化处理

把图片转为灰度、纯黑白二值或反色效果，支持调节阈值与亮度对比度，适合扫描件预处理、打印省墨和老照片风格。

URL 编解码

对网址与查询参数做百分号编码和解码，同时把查询串解析成键值对表格，方便排查接口传参问题。

哈希与加密

计算文本的 MD5、SHA-1、SHA-256 摘要，支持大小写转换、加盐与 Base64 编码，基于浏览器内置加密接口，速度快。

时间戳转换

Unix 时间戳与北京时间互相转换，支持秒与毫秒自动识别，附带日期差值计算和常见格式输出。