HSB / HSV in Display P3 umrechnen

HSB / HSV-Wert einfügen und sofort Display P3 erhalten. Andere Formate funktionieren auch.

Aus HSB / HSV

Erkannt als HSV

Display P3-Wertcolor(display-p3 0.92578 0.38909 0.25797)

Display P3 in HSB / HSV

Farbe anpassen

Farbton11°

Deckkraft100 %

Helligkeit68 %

Chroma0,210

Farbton34°

Alle anderen Formate

Beispiele: HSB / HSV in Display P3

Farbe	HSB / HSV	Display P3
	hsv(0 100% 100%)	color(display-p3 0.91749 0.20029 0.13856)
	hsv(120 100% 100%)	color(display-p3 0.4584 0.98526 0.29829)
	hsv(240 100% 100%)	color(display-p3 0 0 0.95959)
	hsv(0 0% 100%)	color(display-p3 1 1 1)
	hsv(0 0% 0%)	color(display-p3 0 0 0)
	hsv(0 0% 50.2%)	color(display-p3 0.50196 0.50196 0.50196)
	hsv(10.59 80% 100%)	color(display-p3 0.92577 0.38907 0.25797)
	hsv(217.22 76.02% 96.47%)	color(display-p3 0.30473 0.50347 0.93383)
	hsv(160.12 91.35% 72.55%)	color(display-p3 0.33254 0.71471 0.52213)
	hsv(37.69 95.51% 96.08%)	color(display-p3 0.91216 0.63495 0.23045)
	hsv(258.31 62.6% 96.47%)	color(display-p3 0.51827 0.3688 0.93154)
	hsv(330.37 69.49% 92.55%)	color(display-p3 0.85506 0.33272 0.5918)

Über HSB / HSV und Display P3

HSV, auch HSB genannt, nutzt Farbton, Sättigung und Hellwert. Photoshop, Figma und die meisten Farbwähler verwenden es für das quadratische Auswahlfeld.

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.

So funktioniert die Umrechnung

Wir lesen den HSB / HSV-Wert, rechnen ihn mit den Matrizen aus der Spezifikation CSS Color 4 in CIE XYZ um und von dort in Display P3. 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 HSB / HSV in Display P3 um?

Füge einen HSB / HSV-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 Display P3-Wert.

Ist die Umrechnung von HSB / HSV in Display P3 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.