🛠️ToolsShed

Color Converter

在 HEX、RGB 和 HSL 格式之间即时转换颜色。

rgb(99, 102, 241)
hsl(239, 84%, 67%)

颜色转换器即时将颜色值在 Web 和图形设计中最常用的格式之间进行转换：HEX (#rrggbb)、RGB（红、绿、蓝）、HSL（色调、饱和度、亮度）和 HSB/HSV（色调、饱和度、明度）。每种格式都有其优势——HEX 紧凑且在 CSS 中普遍接受，而 HSL 对于选择阴影和色调更直观。

以任何支持的格式输入颜色值，工具会自动同时计算并显示所有其他格式的等效值。实时颜色预览让您可以直观地确认结果。

此工具对于在 Figma、Photoshop 和代码之间传递颜色的设计师以及确保样式表颜色一致性的开发人员非常有用。所有转换均在浏览器中进行，无需外部请求。

常见问题

代码实现

import colorsys

# HEX → RGB
def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
    hex_color = hex_color.lstrip("#")
    r, g, b = (int(hex_color[i:i+2], 16) for i in (0, 2, 4))
    return r, g, b

# RGB → HEX
def rgb_to_hex(r: int, g: int, b: int) -> str:
    return f"#{r:02X}{g:02X}{b:02X}"

# RGB → HSL  (uses colorsys, which returns 0–1 floats)
def rgb_to_hsl(r: int, g: int, b: int) -> tuple[float, float, float]:
    h, l, s = colorsys.rgb_to_hls(r / 255, g / 255, b / 255)
    return round(h * 360, 1), round(s * 100, 1), round(l * 100, 1)

# Example
r, g, b = hex_to_rgb("#3B82F6")
print(f"RGB: {r}, {g}, {b}")           # RGB: 59, 130, 246
print(rgb_to_hex(r, g, b))             # #3B82F6
h, s, l = rgb_to_hsl(r, g, b)
print(f"hsl({h}, {s}%, {l}%)")         # hsl(217.0, 91.2%, 59.8%)

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.