跳到主要内容
项目详情

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 色彩空间结构的用户,可以使用三维模型的旋转、缩放和移动操作。官网未进一步限定目标行业或用户规模。

多格式转换支持粘贴 HEX、RGB、HSL 并转换为 OKLCH。
sRGB 回退色按色度提供 OKLCH 颜色在 sRGB 中的最接近回退色。
Figma P3 支持提供结合 P3 色彩配置文件在 Figma 中使用的入口。
OKLCH 三维模型支持拖动旋转、滚动缩放和右键移动三维模型。
多种视图选项可显示 3D、图表、P3 和 Rec2020 相关视图。

用户评论 (0)

还没有用户评论

成为第一个分享使用体验的人

查看更多

OKLCH Color Picker & Converter 截图

官网首页截图

写评论

分享你的使用体验,至少 10 个字。评论可以发多条,打分在右侧卡片单独进行。

还需 10 个字 · 0 / 500