Tips & Tricks #28

Can I convert a CSS color to Display P3 format?

Safari

1. Right click on the color box > Select "Convert to Display-P3". This will change the color format to `display-p3`.

2. Click the color box to open the color swatch. The white line shows the edge of sRGB. Everything on its top right is Display-P3 colors not available in sRGB.

3. For fallback, right click on the color box, and select "Clamp to sRGB" to convert to the closest available color in the sRGB space.

canidev.tools/convert-p3-color/safari