跳到取色器

HEX 轉 Display P3 轉換器

貼上 HEX 值，立即得到 Display P3。其他格式也一樣能用。

辨識為 HEX

Display P3 值color(display-p3 0.92577 0.38907 0.25797)
Display P3 轉 HEX

調整顏色

11°
100%

68%
0.210
34°

其他所有格式

HEX 轉 Display P3 範例

顏色HEXDisplay P3
#ff0000color(display-p3 0.91749 0.20029 0.13856)
#00ff00color(display-p3 0.4584 0.98526 0.29829)
#0000ffcolor(display-p3 0 0 0.95959)
#ffffffcolor(display-p3 1 1 1)
#000000color(display-p3 0 0 0)
#808080color(display-p3 0.50196 0.50196 0.50196)
#ff5733color(display-p3 0.92577 0.38907 0.25797)
#3b82f6color(display-p3 0.30473 0.50347 0.93383)
#10b981color(display-p3 0.33254 0.71471 0.52213)
#f59e0bcolor(display-p3 0.91216 0.63495 0.23045)
#8b5cf6color(display-p3 0.51827 0.3688 0.93154)
#ec4899color(display-p3 0.85506 0.33272 0.5918)

關於 HEX 和 Display P3

HEX 用兩位十六進位數字分別表示紅、綠、藍，例如 #ff5733。這是網頁和設計工具中最常見的顏色寫法。

Display P3 是現代 Apple 螢幕和許多手機的廣色域，比 sRGB 多出約 25% 的顏色，寫成 color(display-p3 r g b)。

轉換原理

我們讀取 HEX 值，用 CSS Color 4 規範中的矩陣將它轉換為 CIE XYZ，再轉換為 Display P3。超出目標色域的值會依 CSS Color 4 演算法映射：保留亮度和色相，降低彩度。

常見問題

如何將 HEX 轉換為 Display P3？

在上方欄位貼上或輸入 HEX 值。PickShade 會在你輸入時用 CSS Color 4 公式即時轉換，點一下就能複製 Display P3 值。

HEX 轉 Display P3 的結果精確嗎？

計算是精確的，結果只在顯示時四捨五入，保留的位數足以轉換回同一個顏色。如果顏色超出目標色域，PickShade 會提醒你，並顯示色域內最接近的顏色。

可以同時取得其他格式嗎？

可以。其他所有格式，包括 OKLCH、Display P3、Tailwind、SwiftUI、Flutter 和 Android，都列在結果下方，點一下就能複製。

這個轉換器免費嗎？

免費。不必註冊，而且完全在你的瀏覽器中執行。