title: Color Profile strategies for developing web sites with sRGB photos and Monitor RGB comps
body: <p><strong>Overview</strong></p>
  
  <p>I'm looking for advice / solutions on standardizing color profiles on comps so colors of HTML/CSS gradients/blends match effects achieved in a comp.  I often get PSDs using the <strong>sRGB color profile</strong> so when I color pick something to recreate a gradient / icon / or background the HEX color and resulting CSS/HTML gradient does not match the original sRGB gradient provided in the comp. Typically I just discard the embedded color profile for a <strong>Monitor RGB</strong> color profile that better matches PSD colors to end result CSS colors. Here's an <a href="http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html" rel="noreferrer">example</a> showing differences between color profiles. </p>
  
  <p><strong>Details</strong></p>
  
  <p>So here's the predicament: A designer wants to standardize PSDs to use an embedded sRGB color profile because exported images (JPEG / PNG) retain that sRGB color profile to display correctly when loaded in a browser. So photos / textures / things that I can't recreate in CSS will export as JPEG/PNG with the better sRGB profile (which is an understandable request).  </p>
  
  <p>As a front-end developer I often <strong>recreate</strong> elements displayed in a comp using CSS and HTML (no images) and this requires me to match HEX colors properly between what's in the PSD and what's rendered on the website. So, I would prefer to standardize with a <strong>Monitor RGB color profile</strong> so that everyone uses something closer to what's actually rendered in the browser. </p>
  
  <p>Just curious how everyone else approaches this problem?  There's often cases where I use a mixture of CSS and PNGs to achieve an effect (especially effects that need to change dynamically (size/hue/shading...) so exporting an image with sRGB and overlaying it with CSS gradients / shadows ends up being a mixture of sRGB / Monitor RBG and hence subtly different from the comp.</p>
  
  <p><strong>Answer Format</strong></p>
  
  <p>Hopefully I've properly asked this question - suitable answers would just give a perspective on how you deal with the problem - OR (better) if theres an SCSS sRGB() function or some other algorithm to convert an RGB / HEX color to sRGB then I will throw it into a SASS mixin.</p>