Ugrás a színválasztóhoz

Display P3–HEX átváltó

Illessz be egy Display P3 értéket, és azonnal megkapod HEX formátumban. Bármely más formátum is működik.

Felismerve: CSS color()

HEX érték#ff5733
HEX–Display P3

Szín finomhangolása

11°
100%

68%
0,210
34°

Az összes többi formátum

Display P3–HEX példák

SzínDisplay 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

A formátumokról: Display P3 és HEX

A Display P3 a modern Apple-kijelzők és sok telefon széles színtartománya. Körülbelül 25%-kal több színt ér el, mint az sRGB, és color(display-p3 r g b) formában írjuk.

A HEX a pirosat, a zöldet és a kéket két-két hexadecimális számjeggyel írja le, például #ff5733. Ez a színek leggyakoribb jelölése a weben és a tervezőeszközökben.

Hogyan működik az átváltás

Beolvassuk az értéket Display P3 formátumban, a CSS Color 4 specifikáció mátrixaival CIE XYZ-be alakítjuk, majd onnan HEX formátumba. A céltartományon kívül eső értékeket a CSS Color 4 algoritmusa képezi le: megtartja a világosságot és a színezetet, a krómát pedig csökkenti.

Kérdések és válaszok

Hogyan váltok át Display P3 formátumból HEX formátumba?

Illessz be vagy írj be egy Display P3 értéket a fenti mezőbe. A PickShade gépelés közben átváltja a CSS Color 4 képleteivel, és egy kattintással kimásolhatod az értéket HEX formátumban.

Pontos az átváltás Display P3 formátumból HEX formátumba?

A számítás pontos, az eredményt csak a megjelenítéshez kerekítjük, annyi számjegyre, hogy visszaalakítva ugyanazt a színt kapd. Ha a szín nem fér bele a céltartományba, a PickShade figyelmeztet, és a legközelebbi beleférő színt mutatja.

Megkaphatom egyszerre a többi formátumot is?

Igen. Az összes többi formátum, köztük az OKLCH, a Display P3, a Tailwind, a SwiftUI, a Flutter és az Android, az eredmény alatt található, és egy kattintással másolható.

Ingyenes ez az átváltó?

Igen. Ingyenes, nem kell hozzá regisztráció, és teljes egészében a böngésződben fut.