Skip to content

颜色和设计

颜色转换器 (HEX/RGB/HSL/OKLCH)

免费的颜色转换器。实时预览转换 HEX、RGB、HSL、OKLCH 和命名的 CSS 颜色。适用于设计师、开发者和无障碍调色板。

Runs in your browser

编辑注

Understanding · RGB, HSL, OKLCH — same colour, different stories.

本深度章节目前仅有英文版本。上方的转换工具支持您的语言;长篇说明文章尚未翻译。

常见问题

Quick answers.

What color formats are supported?

HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.

What is OKLCH?

OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.

Why use OKLCH instead of HSL?

HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.

Are alpha values supported?

Yes — RGBA, HSLA and 8-digit HEX with alpha all work.

Is the converter free?

Yes — fully free, no signup.

大家也在搜索

Use with

What people reach for next.

相关工具

More in this room.

查看所有 颜色和设计