HEX / RGB / HSL 颜色转换

输入任意一种颜色格式，自动算出另外两种，实时大色块预览，点击色块或结果即可复制。也支持用取色器从屏幕上挑颜色。

颜色预览

HEX（如 #4f46e5）

RGB（如 79, 70, 229）

HSL（如 245, 75%, 58%）

屏幕取色器复制 HEX 复制 RGB 复制 HSL 复制 CSS 变量

在任意输入框修改，其余两种格式自动更新。

渐变预览（由当前颜色生成）

—

三种格式分别是什么

常用的和谐配色法：同色相改亮度做层次（最安全）；互补色（色环对面，如蓝+橙）做对比；60-30-10 法则——主色 60%、辅助色 30%、点缀色 10%。正文与背景的对比度建议不低于 4.5:1，保证可读性也利于无障碍。