为什么使用 HSL 而不是十六进制或 RGB？

HSL 对于人类来说更加直观。想要更深的色调吗？降低亮度。想要静音版本吗？降低饱和度。这些关系在十六进制或 RGB 中并不明显，您需要调整所有三个通道。

色相 0 与 360 是什么意思？

0° 和 360° 都是红色——色相轮环绕。主要色调：0° = 红色、60° = 黄色、120° = 绿色、180° = 青色、240° = 蓝色、300° = 洋红色。

0% 和 100% 饱和度时会发生什么？

饱和度为 0% 时，任何色调都会变成灰色阴影（仅由亮度决定）。在 100% 饱和度下，您将获得该色调最纯净、最生动的版本。

亮度如何发挥作用？

无论色调/饱和度如何，0% 亮度始终为黑色。 100% 始终是白色。 50% 提供最纯净、最鲜艳的颜色版本。 0-50% 之间的值是较深的色调，50-100% 之间的值是较浅的色调。

HSL 转 HEX 转换器 | Any-Tools.net

关于此工具

Convert HSL (Hue, Saturation, Lightness) color values to hexadecimal codes. HSL 是一种直观的颜色模型，其中色调是颜色角度 (0-360°)，饱和度是颜色强度 (0-100%)，亮度控制颜色的明暗程度 (0-100%)。对于使用 HSL 并需要 CSS 十六进制代码的设计师很有用。

使用方法

输入色相值（色轮上的 0-360 度）。
设置饱和度 (0-100%) 和亮度 (0-100%)。
实时计算并显示十六进制代码。
复制十六进制代码以在 CSS 或设计工具中使用。

常见问题

为什么使用 HSL 而不是十六进制或 RGB？: HSL 对于人类来说更加直观。想要更深的色调吗？降低亮度。想要静音版本吗？降低饱和度。这些关系在十六进制或 RGB 中并不明显，您需要调整所有三个通道。
色相 0 与 360 是什么意思？: 0° 和 360° 都是红色——色相轮环绕。主要色调：0° = 红色、60° = 黄色、120° = 绿色、180° = 青色、240° = 蓝色、300° = 洋红色。
0% 和 100% 饱和度时会发生什么？: 饱和度为 0% 时，任何色调都会变成灰色阴影（仅由亮度决定）。在 100% 饱和度下，您将获得该色调最纯净、最生动的版本。
亮度如何发挥作用？: 无论色调/饱和度如何，0% 亮度始终为黑色。 100% 始终是白色。 50% 提供最纯净、最鲜艳的颜色版本。 0-50% 之间的值是较深的色调，50-100% 之间的值是较浅的色调。

HSL 转 HEX 转换器

HEX 输出

复制格式

关于此工具

使用方法

常见问题

HSL 转 HEX 转换器

HEX 输出

复制格式

相关工具

HEX 转 RGB 转换器

RGB 转 HEX 转换器

PDF 转 PNG 转换器

PNG 转 PDF 转换器

关于此工具

使用方法

常见问题

Related Articles

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

The Complete Guide to PDF Conversion: Methods, Tools, and Best Practices

Document Formats Explained: Word, PDF, TXT, and When to Use Each

Audio and Video Formats Explained: MP3, MP4, WAV, WebM, and Beyond

How to Convert Files Online Safely: Privacy and Security Guide

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk