Display P3 naar HSB / HSV converter

Plak een Display P3-waarde en krijg direct HSB / HSV. Andere formaten werken ook.

Van Display P3

Gelezen als CSS color()

HSB / HSV-waardehsv(10.59 80% 100%)

HSB / HSV naar Display P3

Kleur aanpassen

Kleurtoon11°

Dekking100%

Lichtheid68%

Chroma0,210

Kleurtoon34°

Alle andere formaten

Voorbeelden: Display P3 naar HSB / HSV

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

Over Display P3 en HSB / HSV

Display P3 is de brede gamut van moderne Apple-schermen en veel telefoons. Het bereikt zo’n 25% meer kleuren dan sRGB en wordt geschreven als color(display-p3 r g b).

HSV, ook HSB genoemd, gebruikt kleurtoon, verzadiging en helderheid. Photoshop, Figma en de meeste kleurkiezers gebruiken het voor het vierkante kiesvlak.

Zo werkt de omzetting

We lezen de Display P3-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar HSB / HSV. Waarden buiten de doelgamut worden aangepast met het algoritme van CSS Color 4: lichtheid en kleurtoon blijven, de chroma daalt.

Vragen en antwoorden

Hoe zet ik Display P3 om naar HSB / HSV?

Plak of typ een Display P3-waarde in het veld hierboven. PickShade zet hem al tijdens het typen om met de formules van CSS Color 4, en met één klik kopieer je de HSB / HSV-waarde.

Is de omzetting van Display P3 naar HSB / HSV exact?

De berekening is exact en het resultaat wordt alleen voor de weergave afgerond, met genoeg cijfers om terug te rekenen naar dezelfde kleur. Past de kleur niet in de doelgamut, dan waarschuwt PickShade je en toont de dichtstbijzijnde kleur die wel past.

Kan ik tegelijk andere formaten krijgen?

Ja. Alle andere formaten, waaronder OKLCH, Display P3, Tailwind, SwiftUI, Flutter en Android, staan onder het resultaat en kopieer je met één klik.

Is deze converter gratis?

Ja. Hij is gratis, vraagt geen account en draait volledig in je browser.