# 色彩空间转换器

在 HEX、RGB、HSL、CIELAB 与 Display-P3 之间转换颜色，提供 CSS 输出与色域检查。

> 标准页面: https://elysiatools.com/zh/tools/color-space-converter

- **分类:** Design

- **关键词:** 颜色转换, hex rgb hsl lab, display p3, 色域

## 概述

粘贴 CSS 风格颜色值，同时查看网页、感知和广色域表示；使用 D65 矩阵计算并报告 sRGB 与 Display-P3 色域状态。

## 输入项

- **颜色值** (text): #FF6B35, rgb(255 107 53), hsl(14 100% 60%)
- **输入格式** (select)

## 适用场景

- 需要在传统网页颜色（如 HEX、RGB、HSL）与感知均匀的 CIELAB 空间或苹果广色域 Display-P3 之间进行精确转换时。
- 编写现代 CSS 代码，需要获取符合最新标准的 color(display-p3 ...) 或 lab(...) 格式输出时。
- 检查特定颜色是否超出 sRGB 色域，或者验证其在 Display-P3 广色域下的呈现状态时。

## 工作原理

- 在输入框中输入或粘贴 CSS 风格的颜色值（如 #FF6B35 或 rgb(255 107 53)），并可选择指定输入格式或让系统自动识别。
- 系统利用 D65 标准光源矩阵算法，将输入的颜色实时转换为 HEX、RGB、HSL、CIELAB 和 Display-P3 等多种色彩空间的值。
- 自动进行色域检查，判断该颜色在 sRGB 和 Display-P3 空间中的有效性，并生成可直接复制的 CSS 代码和可视化预览。

## 使用案例

- UI/UX 设计适配：将 Sketch 或 Figma 中的 Display-P3 颜色转换为 Web 安全的 HEX/RGB 格式，或反向转换以适配视网膜屏幕。
- 现代 CSS 样式编写：为支持广色域的现代浏览器生成 color(display-p3 ...) 或 lab(...) 格式的 CSS 颜色代码。
- 色彩范围验证：在设计系统构建过程中，批量检测品牌色是否超出标准 sRGB 色域，确保跨设备显示的一致性。

## 常见问题

### 这个转换器支持哪些颜色格式的输入？

支持 HEX、RGB、HSL、CIELAB (Lab) 以及 Display-P3 格式，您可以手动指定格式或使用“自动识别”功能。

### 什么是 Display-P3 色彩空间？

Display-P3 是一种广色域色彩空间，比传统的 sRGB 拥有更宽广的绿色和红色范围，常用于现代苹果设备和高清显示器。

### 为什么转换过程中会提到 D65 矩阵？

D65 代表标准日光光源，是色彩空间转换（如 RGB 与 CIELAB 互转）中常用的标准白点，能确保颜色计算的感知一致性。

### 如何在 CSS 中使用转换后的 Display-P3 颜色？

工具会输出类似 color(display-p3 R G B) 的标准 CSS 语法，您可以直接复制并应用到支持广色域的现代浏览器样式表中。

### 色域检查功能有什么作用？

它能检测输入的颜色是否超出了 sRGB 或 Display-P3 的显示范围，避免在不支持广色域的屏幕上出现色彩失真或截断。

## 相关工具

- [OKLCH 色彩转换器](https://elysiatools.com/zh/tools/oklch-color-converter): 使用 CSS Color 4 算法在 HEX、RGB、HSL、OKLCH、Display-P3 之间双向转换，提供感知亮度/彩度/色相读数、sRGB 与 Display-P3 色域检查及超域裁剪建议
- [AI 域名创意生成器](https://elysiatools.com/zh/tools/ai-domain-name-idea-generator): 输入品牌关键词,让 AI 生成最多 10 个创意域名,自动用 DNS 粗筛 + RDAP 复验可用性,过滤掉已注册的。面向创业者、独立开发者、品牌策划。
- [CMYK 颜色转换器](https://elysiatools.com/zh/tools/cmyk-converter): 在 HEX、RGB、HSL 和 CMYK 之间统一转换颜色。
- [安全响应头检查器](https://elysiatools.com/zh/tools/security-headers-checker): 审计 HTTP 响应头的安全合规性——解析你粘贴的原始头（无网络），按 OWASP 安全头集做值级检查：HSTS max-age、CSP unsafe-inline/eval、X-Content-Type-Options、Referrer-Policy、Permissions-Policy、COOP/COEP/CORP 等。输出字母评级（A+ 到 F）及逐项 Finding 与可复制的修复建议。
- [Tailwind 色板同步器](https://elysiatools.com/zh/tools/tailwind-color-palette-sync): 输入一组 HEX,选择命名规则(色阶 50–950 / 单名 / 对象嵌套),自动生成 tailwind.config.ts 的 theme.extend.colors 片段,每个色阶同时给出 WCAG AA/AAA 对比等级,可选暗色模式。
- [无障碍色彩对比度检查器](https://elysiatools.com/zh/tools/accessible-color-palette-contrast-checker): 按 WCAG 2.1 AA/AAA 审查整套调色板的颜色组合，并给出调整建议
- [Adobe RGB转LAB转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-lab-converter): 将Adobe RGB颜色值转换为LAB色彩空间用于颜色分析，支持alpha通道处理
- [图片配色提取器](https://elysiatools.com/zh/tools/image-color-palette-extractor): 上传图片后提取主色调，导出代码可用的色板片段，并检查对比度

## 示例

- [颜色代码示例](https://elysiatools.com/zh/samples/color-code): 用于验证测试的各种格式颜色代码集合（Hex、RGB、HSL、命名颜色）
- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换