CSS 與色彩

Color Converter

Convert colors between Hex, RGB, HSL, and OKLCH with a live swatch and hue slider.

浏览器内处理即时输出本地数据

色彩輸入

色相: 151°

Hex

#1a7a3d

RGB

rgb(26, 122, 61)

HSL

hsl(142, 65%, 29%)

OKLCH

oklch(51.1% 0.1277 150.5)

為什麼用這個工具

Parse and convert colors across Hex, RGB, HSL, and OKLCH formats with full D65 color math.

Color Converter auto-detects the input format and converts to Hex, RGB, HSL, and OKLCH simultaneously.

Use the hue slider to explore hue variations while preserving lightness and chroma.

01Paste any color value: #hex, rgb(), rgba(), hsl(), hsla(), or oklch().

02Copy the output in whichever format you need.

03Drag the hue slider to explore related hues.

先确认输入格式符合你的预期。

在把结果用于文档、链接、配置或消息前快速扫一眼。

只复制你真正需要的输出。

What formats are supported?

Hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(), and oklch().

What is OKLCH?

OKLCH is a perceptually uniform color model defined by lightness, chroma, and hue. It is widely supported in modern CSS.

Does the hue slider change the input?

No. It adjusts only the displayed color by rotating the hue channel in OKLCH space while keeping lightness and chroma constant.