All Tools / 开发者工具 / 颜色选择器与调色板生成器 — 免费在线
配色方案
#06B6D4
拾色
HEX
RGB
HSL
已保存颜色
保存颜色以构建调色板。
HSL
色相
饱和度
亮度
RGB
绿
调色板

颜色选择器与调色板生成器

工具功能

通过原生颜色选择器、HSL 或 RGB 滑块,或直接输入 HEX、RGB、HSL 值来选择颜色。三种格式实时更新。调色板生成器根据色彩理论创建和谐配色方案:互补色、类似色、三色、四色、深色和浅色。点击调色板色块即可加载到选择器。

使用方法

  1. 通过色轮、滑块或输入 HEX/RGB/HSL 值选择颜色。
  2. 点击任意格式旁的复制按钮复制到剪贴板。
  3. 使用顶部芯片选择配色方案——调色板自动更新。
  4. 点击调色板颜色加载它。点击保存颜色保存。

常见问题

此工具支持哪些颜色格式?

HEX(如 #FF6B57)、RGB(如 rgb(255, 107, 87))和 HSL(如 hsl(8, 100%, 67%))。你可以在输入框中输入其中任意一种,其他格式会自动更新。

互补色和邻近色有什么区别?

互补色在色轮上彼此相对——形成强烈对比。邻近色在色轮上相邻——形成和谐、低对比的搭配。

shade 和 tint 有什么区别?

shade 是给颜色加黑形成的,使其更暗;tint 是加白形成的,使其更亮。两者都保持相同的色相和饱和度。

我如何复制颜色值?

点击任意格式(HEX、RGB 或 HSL)旁的复制按钮即可将该值复制到剪贴板。你也可以点击任意调色板颜色将其载入选择器,然后复制所需格式。

我保存的颜色存储在哪里?

保存的颜色存储在你浏览器的 localStorage 中。它们在会话间保留,但仅在同一浏览器和设备上可用。将鼠标悬停在已保存色块上并点击 × 即可删除。