Command Palette

Search for a command to run...

颜色

颜色选择器和转换器

选择颜色并在十六进制、RGB 和 HSL 格式之间进行转换

什么是颜色选择器和转换器?

Color Picker & Converter 是一个免费的在线工具,可让您在直观的颜色格式(包括十六进制、RGB 和 HSL)之间进行视觉选择和转换。 对于网页设计师、开发人员、图形艺术家和任何使用数字颜色的人来说,它都是一个必不可少的实用程序。

该工具提供了一个交互式颜色选择器,其中包含一个光谱选择器、亮度和饱和度控件以及一个不透明度滑块。 当您选择颜色时,您会立即看到相应的十六进制代码、RGB 值和 HSL 值,从而轻松获取项目所需的确切格式。

除了基本的颜色选择之外,该工具还会根据您选择的颜色生成互补、类似和其他颜色和谐调色板。 这有助于您快速为网站、应用程序和设计项目构建有凝聚力的配色方案。 所有处理在您的浏览器中运行,无需安装。

HEX,RGB和HSL是写入相同sRGB颜色而不是三个颜色空间的三种方式,因此它们之间的转换是精确的,并且在两个方向上都是无损的。HSL是有用的推理,因为在保持色调的同时调整亮度或饱和度可以保持同一个系列的颜色,这通过编辑十六进制数字要困难得多。现代CSS添加了到达sRGB之外的符号,例如oklch和display-p3,并且这些符号可以描述颜色,没有十六进制值可以。这里表达的任何内容都保留在sRGB内部,这是每个显示器可以显示的安全公共点滴器,浏览器提供一个,对渲染的像素而不是源颜色进行采样,因此从已缩放或颜色管理的图像中挑选的值可以与原始文件略有不同。

如何使用颜色选择器和转换器?

  1. 选择一种颜色

    使用可视颜色选择器通过单击光谱、调整色调滑块或以任何格式输入特定的颜色值来选择颜色。

  2. 查看颜色值

    同时查看以十六进制、RGB 和 HSL 格式显示的选定颜色。 每种格式在调整颜色时实时更新。

  3. 探索色彩和谐

    根据您选择的颜色查看互补、类似、三元和其他颜色和谐建议,以构建有凝聚力的调色板。

  4. 复制颜色代码

    单击任何颜色格式将其复制到剪贴板。 直接在您的 CSS、设计工具或应用程序中使用它。

主要特点

  • 阿尔法频道支持

    读取并写入 8 位 HEX 和 rgba,因此具有透明度的颜色在转换中幸存下来,而不是失去其 alpha

  • 多格式转换

    单一颜色选择,在十六进制、RGB和HSL颜色格式之间即时转换

  • 视觉颜色选择器

    具有色调、饱和度和亮度控制的交互色谱,可实现精确的颜色选择

  • 颜色和谐调色板

    自动生成互补、类似、三元和拆分互补色方案

Frequently Asked Questions

将六位十六进制代码分成三对,并将每对从 0 到 255 的十六进制数中读取。 在#FF5733 中,FF 为 255(红色),57 为 87(绿色),33 为 51(蓝色),给出 RGB(255、87、51)。 将十六进制代码粘贴到选取器中,RGB 和 HSL 值会立即出现。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous