OKLCH Color Picker & Converter 是一个围绕 OKLCH 色彩空间提供颜色选择、格式转换和可视化查看的工具。页面支持将 HEX、RGB、HSL 颜色转换为 OKLCH,并给出基于色度的 sRGB 最接近回退色;同时提供 P3 色彩配置文件相关使用入口,以及可旋转、缩放和移动的 OKLCH 三维模型。页面还列出了 Lightness、Chroma、Hue 和 Alpha 等色彩维度,适合需要在 OKLCH 中调整颜色、查看色彩空间关系,或在 Figma 中使用 P3 色彩配置文件的用户。
核心功能
HEX、RGB、HSL 转 OKLCH
页面允许用户粘贴 HEX、RGB 或 HSL 值,并将这些颜色转换为 OKLCH。输入方式直接对应页面中的“Paste HEX/RGB/HSL to convert to OKLCH”功能说明,适合需要在不同颜色表示方式之间切换的场景。官网正文未进一步说明支持的具体输入格式细节或批量转换能力。
OKLCH 颜色维度调整
工具界面列出了 Lightness、Chroma、Hue 和 Alpha 四个维度。Lightness 对应明度,Chroma 对应色度,Hue 对应色相,Alpha 对应透明度;用户可以围绕这些维度查看或调整颜色。官网没有给出具体控件操作规则,因此不对每个维度的交互方式作额外推断。
sRGB 最接近回退色
对于 OKLCH 颜色,页面提供“Closest fallback (by chroma) in sRGB”,即按照色度寻找 sRGB 中最接近的回退颜色。该功能面向需要在 OKLCH 与 sRGB 色域之间处理颜色差异的情况,官网明确强调其回退依据是 chroma,而不是其他未说明的匹配标准。
P3 色彩配置文件支持
页面提供“Use it in Figma with P3 color profile”的使用说明,并链接到 Figma 关于在设计文件中管理色彩配置文件的帮助页面。由此可确认,官网将该工具与 Figma 的 P3 色彩配置文件使用方式关联起来;正文没有列出更多 Figma 操作步骤,也没有说明其他设计软件的兼容情况。
OKLCH 三维模型
工具包含“OKLCH 3D model”区域,并提示“Drag to rotate • Scroll to zoom • Right button to move”。用户可以拖动旋转模型、滚动缩放,并使用鼠标右键移动视图。页面还提供 Show 3D、Show graphs、Show P3 和 Show Rec2020 等显示选项,用于切换三维视图、图表、P3 或 Rec2020 相关展示。
渲染性能数据展示
页面下方出现 Paint、Freeze max、Freeze sum 三项,以及 Run 500、median、p95 等性能数据表头。当前正文中的对应数值显示为“—”,因此只能确认页面提供这些性能测试项目和统计维度,不能据此得出具体性能结果。
使用方式
官网正文展示的是直接进行颜色粘贴、转换和可视化操作的页面界面。用户可以粘贴 HEX、RGB 或 HSL 颜色值,查看 OKLCH 结果和 sRGB 回退色,并使用 Lightness、Chroma、Hue、Alpha 等维度。三维模型支持拖动旋转、滚动缩放和右键移动;页面还提供 Figma P3 色彩配置文件的使用入口。正文没有提到注册、客户端、浏览器插件、API、命令行或自备模型 Key。
适用人群与场景
需要处理 OKLCH 颜色的设计人员可以使用颜色转换和维度查看功能;在 Figma 中管理 P3 色彩配置文件的用户,可以参考页面提供的 Figma 使用入口;需要比较 OKLCH 与 sRGB 色域表现的用户,可以查看按色度计算的最接近回退色;希望观察 OKLCH 色彩空间结构的用户,可以使用三维模型的旋转、缩放和移动操作。官网未进一步限定目标行业或用户规模。