Overview
I am looking for tips / solutions for standardizing color profiles on comps, so that the color gradients of HTML / CSS gradients / blends are obtained in comp. I often get PSD using the sRGB color profile , so when I select something to recreate the gradient / icon / background, the HEX color and the resulting CSS / HTML gradient do not match the original sRGB gradient presented in comp. Usually, I simply discard the built-in color profile for the Monitor RGB color profile , which matches PSD colors better in order to excel CSS colors. Here's an example showing the differences between color profiles.
More details
So this is a predicament. The designer wants to standardize the PSD to use the built-in sRGB color profile, since exported images (JPEG / PNG) save this sRGB color profile in order to display correctly when loading in the browser. Thus, photos / textures / things that I cannot recreate in CSS will be exported as JPEG / PNG with the best sRGB profile (which is an understandable request).
As a third-party developer, I often recreate elements displayed in comp using CSS and HTML (no images), and this requires me to correctly match the HEX colors between what is on the PSD and what is displayed on the website. Therefore, I would prefer to standardize with the color profile of the RGB monitor , so that everyone uses something closer to what is actually displayed in the browser.
Just curious how everyone else approaches this problem? Often there are times when I use a mixture of CSS and PNG to achieve an effect (especially effects that need to change dynamically (size / hue / shading ...), therefore exporting an image using sRGB and applying it to CSS gradients / shadow ends up being sRGB / Monitor RBG mix and therefore subtly different from comp.
, - , - (), SCSS sRGB() - RGB/HEX sRGB, SASS mixin.