Gå til fargevelgeren

Konverter RGBA til Display P3

Lim inn en RGBA-verdi og få Display P3 med en gang. Andre formater virker også.

Tolket som RGB

Display P3-verdicolor(display-p3 0.92577 0.38907 0.25797 / 0.8)
Display P3 til RGBA

Samme farge uten gjennomsiktighet, som dekkende Display P3

Juster fargen

11°
80 %

68 %
0,210
34°

Alle andre formater

Opasitetstabell: HEX-alfa og RGBA

I 8-sifret HEX bestemmer de to siste sifrene opasiteten: FF er helt dekkende, 80 er rundt 50 %, og 00 er helt gjennomsiktig. Tabellen viser eksempelfargen i trinn på 5 %.

OpasitetHEX-alfaHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

Eksempler: RGBA til Display P3

FargeRGBADisplay P3
rgba(255, 0, 0, 1)color(display-p3 0.91749 0.20029 0.13856)
rgba(0, 255, 0, 1)color(display-p3 0.4584 0.98526 0.29829)
rgba(0, 0, 255, 1)color(display-p3 0 0 0.95959)
rgba(255, 255, 255, 1)color(display-p3 1 1 1)
rgba(0, 0, 0, 1)color(display-p3 0 0 0)
rgba(128, 128, 128, 1)color(display-p3 0.50196 0.50196 0.50196)
rgba(255, 87, 51, 1)color(display-p3 0.92577 0.38907 0.25797)
rgba(59, 130, 246, 1)color(display-p3 0.30473 0.50347 0.93383)
rgba(16, 185, 129, 1)color(display-p3 0.33254 0.71471 0.52213)
rgba(245, 158, 11, 1)color(display-p3 0.91216 0.63495 0.23045)
rgba(139, 92, 246, 1)color(display-p3 0.51827 0.3688 0.93154)
rgba(236, 72, 153, 1)color(display-p3 0.85506 0.33272 0.5918)

Om RGBA og Display P3

RGBA er RGB med en alfakanal for opasitet, skrevet som rgba(255, 87, 51, 0.5). Alfa går fra 0 (helt gjennomsiktig) til 1 (helt dekkende). Samme opasitet kan skrives som 8-sifret HEX, for eksempel #ff573380.

Display P3 er det brede fargeomfanget i moderne Apple-skjermer og mange mobiler. Det rommer omtrent 25 % flere farger enn sRGB og skrives som color(display-p3 r g b).

Slik fungerer konverteringen

Vi leser RGBA-verdien, regner den om til CIE XYZ med matrisene fra spesifikasjonen CSS Color 4 og deretter til Display P3. Verdier utenfor målformatets fargeomfang tilpasses med algoritmen i CSS Color 4, som beholder lyshet og fargetone og reduserer kroma.

Spørsmål og svar

Hvordan konverterer jeg RGBA til Display P3?

Lim inn eller skriv en RGBA-verdi i feltet ovenfor. PickShade konverterer den med formlene i CSS Color 4 mens du skriver, og med ett klikk kopierer du Display P3-verdien.

Er konverteringen fra RGBA til Display P3 nøyaktig?

Beregningen er nøyaktig, og resultatet rundes bare av for visning, med nok sifre til å regne tilbake til samme farge. Hvis fargen ikke får plass i målformatets fargeomfang, varsler PickShade deg og viser nærmeste farge som får plass.

Kan jeg få andre formater samtidig?

Ja. Alle andre formater, blant annet OKLCH, Display P3, Tailwind, SwiftUI, Flutter og Android, står under resultatet og kopieres med ett klikk.

Er denne konvertereren gratis?

Ja. Den er gratis, krever ingen registrering og kjører helt i nettleseren din.