Hoppa till färgväljaren

Konvertera HSB / HSV till Display P3

Klistra in ett HSB / HSV-värde och få Display P3 direkt. Andra format fungerar också.

Tolkad som HSV

Display P3-värdecolor(display-p3 0.92578 0.38909 0.25797)
Display P3 till HSB / HSV

Justera färgen

11°
100 %

68 %
0,210
34°

Alla andra format

Exempel: HSB / HSV till Display P3

FärgHSB / HSVDisplay 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)

Om HSB / HSV och Display P3

HSV, även kallat HSB, använder färgton, mättnad och ljusstyrka. Photoshop, Figma och de flesta färgväljare använder det för den fyrkantiga väljaren.

Display P3 är det breda färgomfånget i moderna Apple-skärmar och många mobiler. Det rymmer ungefär 25 % fler färger än sRGB och skrivs som color(display-p3 r g b).

Så fungerar konverteringen

Vi läser HSB / HSV-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till Display P3. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.

Frågor och svar

Hur konverterar jag HSB / HSV till Display P3?

Klistra in eller skriv ett HSB / HSV-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar Display P3-värdet.

Är konverteringen från HSB / HSV till Display P3 exakt?

Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.

Kan jag få andra format samtidigt?

Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.

Är konverteraren gratis?

Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.