Elysia Tools
导航
Design
在 HEX、RGB、HSL、CIELAB 与 Display-P3 之间转换颜色，提供 CSS 输出与色域检查。
详情
粘贴 CSS 风格颜色值，同时查看网页、感知和广色域表示；使用 D65 矩阵计算并报告 sRGB 与 Display-P3 色域状态。
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
色彩空间转换器是一款专业的在线颜色转换与分析工具，支持在 HEX、RGB、HSL、CIELAB 以及 Display-P3 广色域之间进行无缝转换。只需输入 CSS 风格的颜色值，工具即可利用 D65 矩阵精确计算并输出对应的网页、感知和广色域表示，同时提供直观的 sRGB 与 Display-P3 色域状态检查，帮助设计师和前端开发者轻松管理跨设备的色彩表现。
背景
正在为一款面向苹果用户的创意网站开发前端页面，设计稿中大量使用了鲜艳的 Display-P3 广色域色彩，需要将其转换为标准的 CSS 语法。
问题
需要将设计稿中的 Display-P3 颜色值转换为可在 CSS 中直接使用的 color(display-p3 ...) 格式，并获取其在 sRGB 下的等效 HEX 值作为降级备用。
如何使用
在“颜色值”输入框中输入 color(display-p3 1 0.42 0.21)，输入格式选择“Display-P3”，提交转换。
{"color": "color(display-p3 1 0.42 0.21)", "inputFormat": "display-p3"}结果
成功获取了该颜色在 CIELAB、HEX 以及 HSL 空间下的数值，并直接复制了生成的 CSS 兼容代码。
背景
正在设计一套无障碍色彩系统，需要确保不同颜色之间的感知亮度对比度符合标准，而传统的 RGB/HEX 无法直观反映人类视觉的感知亮度。
问题
需要将现有的 HEX 网页颜色转换为 CIELAB 空间（L*a*b*），以便利用 L*（明度）通道进行精确的对比度计算。
如何使用
在输入框中输入十六进制颜色 #FF6B35，输入格式保持“自动识别”，查看转换结果中的 CIELAB 数值。
{"color": "#FF6B35", "inputFormat": "auto"}结果
获得了该颜色在 CIELAB 空间下的精确坐标，方便后续进行无障碍对比度分析。
支持 HEX、RGB、HSL、CIELAB (Lab) 以及 Display-P3 格式，您可以手动指定格式或使用“自动识别”功能。
Display-P3 是一种广色域色彩空间，比传统的 sRGB 拥有更宽广的绿色和红色范围，常用于现代苹果设备和高清显示器。
D65 代表标准日光光源，是色彩空间转换（如 RGB 与 CIELAB 互转）中常用的标准白点，能确保颜色计算的感知一致性。
工具会输出类似 color(display-p3 R G B) 的标准 CSS 语法，您可以直接复制并应用到支持广色域的现代浏览器样式表中。
它能检测输入的颜色是否超出了 sRGB 或 Display-P3 的显示范围，避免在不支持广色域的屏幕上出现色彩失真或截断。