Display P3 in HEX umrechnen

Display P3-Wert einfügen und sofort HEX erhalten. Andere Formate funktionieren auch.

Aus Display P3

Erkannt als CSS color()

HEX-Wert#ff5733

HEX in Display P3

Farbe anpassen

Farbton11°

Deckkraft100 %

Helligkeit68 %

Chroma0,210

Farbton34°

Alle anderen Formate

Beispiele: Display P3 in HEX

Farbe	Display P3	HEX
	color(display-p3 0.91749 0.20029 0.13856)	#ff0000
	color(display-p3 0.4584 0.98526 0.29829)	#00ff00
	color(display-p3 0 0 0.95959)	#0000ff
	color(display-p3 1 1 1)	#ffffff
	color(display-p3 0 0 0)	#000000
	color(display-p3 0.50196 0.50196 0.50196)	#808080
	color(display-p3 0.92577 0.38907 0.25797)	#ff5733
	color(display-p3 0.30473 0.50347 0.93383)	#3b82f6
	color(display-p3 0.33254 0.71471 0.52213)	#10b981
	color(display-p3 0.91216 0.63495 0.23045)	#f59e0b
	color(display-p3 0.51827 0.3688 0.93154)	#8b5cf6
	color(display-p3 0.85506 0.33272 0.5918)	#ec4899

Über Display P3 und HEX

Display P3 ist der erweiterte Farbraum moderner Apple-Bildschirme und vieler Smartphones. Er umfasst etwa 25 % mehr Farben als sRGB und wird als color(display-p3 r g b) geschrieben.

HEX schreibt Rot, Grün und Blau mit je zwei hexadezimalen Ziffern, etwa #ff5733. Das ist die gängigste Schreibweise für Farben im Web und in Designtools.

So funktioniert die Umrechnung

Wir lesen den Display P3-Wert, rechnen ihn mit den Matrizen aus der Spezifikation CSS Color 4 in CIE XYZ um und von dort in HEX. Werte außerhalb des Zielfarbraums passt der Algorithmus aus CSS Color 4 an: Helligkeit und Farbton bleiben, das Chroma sinkt.

Fragen und Antworten

Wie rechne ich Display P3 in HEX um?

Füge einen Display P3-Wert in das Feld oben ein oder tippe ihn ein. PickShade rechnet schon beim Tippen mit den Formeln aus CSS Color 4 um, und ein Klick kopiert den HEX-Wert.

Ist die Umrechnung von Display P3 in HEX exakt?

Die Rechnung ist exakt. Gerundet wird nur für die Anzeige, mit so vielen Stellen, dass die Rückrechnung dieselbe Farbe ergibt. Passt die Farbe nicht in den Zielfarbraum, warnt PickShade und zeigt die nächste Farbe, die passt.

Bekomme ich gleichzeitig andere Formate?

Ja. Alle anderen Formate, darunter OKLCH, Display P3, Tailwind, SwiftUI, Flutter und Android, stehen unter dem Ergebnis und lassen sich mit einem Klick kopieren.

Ist dieser Konverter kostenlos?

Ja. Er ist kostenlos, braucht keine Anmeldung und läuft komplett in deinem Browser.