← 返回首页

🎨 颜色选择器

拾取颜色或在 HEX 框输入色值,RGB / HSL 实时换算,每种格式一键复制。

加载中…

颜色选择器怎么用?

  • 点击色块打开调色板拾取颜色;
  • 或在 HEX 输入框直接输入颜色值(如 #3B82F6);
  • 下方实时显示 HEX、RGB、HSL 三种格式,点击「复制」即可。

HEX、RGB、HSL 的区别

  • HEX:十六进制表示(如 #3B82F6),CSS、设计软件最常用;
  • RGB:红绿蓝三通道(0~255),适合程序处理;
  • HSL:色相 / 饱和度 / 亮度,更符合人对颜色的直觉,调色更方便。

适合前端开发写 CSS 颜色、UI 设计师取色配色、快速换算颜色格式。