Aller au sélecteur de couleur

Convertisseur Display P3 en HEX

Collez une valeur Display P3 et obtenez aussitôt le HEX. Les autres formats sont acceptés aussi.

Lu comme CSS color()

Valeur HEX#ff5733
HEX en Display P3

Ajuster la couleur

11°
100 %

68 %
0,210
34°

Tous les autres formats

Exemples de conversion Display P3 en HEX

CouleurDisplay P3HEX
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

À propos de Display P3 et HEX

Display P3 est le gamut étendu des écrans Apple récents et de nombreux smartphones. Il couvre environ 25 % de couleurs de plus que le sRGB et s’écrit color(display-p3 r g b).

Le HEX écrit le rouge, le vert et le bleu avec deux chiffres hexadécimaux chacun, comme #ff5733. C’est la façon la plus courante d’écrire une couleur sur le web et dans les outils de design.

Comment fonctionne la conversion

Nous lisons la valeur Display P3, la convertissons en CIE XYZ avec les matrices de la spécification CSS Color 4, puis en HEX. Les valeurs hors du gamut cible sont ramenées par l’algorithme de CSS Color 4, qui conserve la clarté et la teinte et réduit le chroma.

Questions et réponses

Comment convertir Display P3 en HEX ?

Collez ou saisissez une valeur Display P3 dans le champ ci-dessus. PickShade la convertit au fil de la saisie avec les formules CSS Color 4, et un clic copie la valeur HEX.

La conversion Display P3 en HEX est-elle exacte ?

Le calcul est exact et le résultat n’est arrondi que pour l’affichage, avec assez de décimales pour revenir à la même couleur. Si la couleur n’entre pas dans le gamut cible, PickShade vous prévient et affiche la couleur la plus proche qui y entre.

Puis-je obtenir d’autres formats en même temps ?

Oui. Tous les autres formats, dont OKLCH, Display P3, Tailwind, SwiftUI, Flutter et Android, sont listés sous le résultat et se copient en un clic.

Ce convertisseur est-il gratuit ?

Oui. Il est gratuit, sans inscription, et fonctionne entièrement dans votre navigateur.