Ugrás a színválasztóhoz

Display P3–HSB / HSV átváltó

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

Felismerve: CSS color()

HSB / HSV értékhsv(10.59 80% 100%)
HSB / HSV–Display P3

Szín finomhangolása

11°
100%

68%
0,210
34°

Az összes többi formátum

Display P3–HSB / HSV példák

SzínDisplay P3HSB / 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%)

A formátumokról: Display P3 és HSB / HSV

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 HSV, más néven HSB, színezetből, telítettségből és fényerőből áll. A Photoshop, a Figma és a legtöbb színválasztó ezt használja a négyzetes választómezőhöz.

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 HSB / HSV 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 HSB / HSV 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 HSB / HSV formátumban.

Pontos az átváltás Display P3 formátumból HSB / HSV 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.