Has the issue regarding colour picking not working properly ever been resolved? If I pick a colour (MacOS or SIP), and apply it to a Rapidweaver swatch it always comes out darker. Whatever hex colour is registered in the swatch, SIP tells me it’s something different.
I remember this from 8+ years ago, still happening…
All sorts of crazy stuff going on depending on which colour profiles are set where (there’s three places) and from which app the colour is picked, with the same file.
Thanks @Konfuzzious, before I read that lengthy thread you just referred me too, I had reached one of the same conclusions as you.
For anyone wanting to use a colour picker to match colours:
DON’T use the MacOS colour picker to pick the colour
Either use an external app to do it (e.g. Affinity Photo) if you’re picking from a graphic file, or a third party colour picker such as Sip (if this, Sip’s colour profile must be set to sRGB)
Back in RW in the MacOS colour picker, when entering the hex value make sure RGB Sliders colour profile is Generic RGB
The issue has been going on since the mid-90s. It is SO simple to fix, use sRGB for everything (although in this world of HDR screens, and phones P3 is now more appropriate). There’s no such thing as ‘generic RGB’ and specifying it means you have zero control. Specifying sRGB or P3 means you have full control of how your product looks? I have seen some horror story sites recently with desaturated or oversaturated pictures, banding where people had clearly used images designed for print. Surely if you’re taking the time and trouble to build a beautiful, well designed site, it is important to know exactly how it looks?
Better still, buy one of these cheap, simple devices Display 123
I have a 15% discount code if you want (no, I get no kickback) and then you will know exactly what your sites, graphics and pictures look like to the rest of the world…
Would anyone appreciate me creating small tutorial on Colour management for web sites?
I think this could be a very nice contribution, Nick.
Not only every website developer should know how to manage colors to make their website(s) look good on most screens, but also they should advise their viewers how to do that for the viewers benefit.
I have three suggested sources of info on this subject placed on my Family Portal. If you want to use them, here they are:
Thanks for your expertise and a colour management tutorial would be welcome. The issue here though was specifically about colour matching with the picker, rather than overall calibration (again though, a tute on this would be handy).
Fact is though:
no matter the system settings display colour profile, MacOS colour picker in Rapidweaver picks the wrong colour (the hex value changes).
using a different colour picker, e.g. SIP set to sRGB only works if you enter the colour value back in the MacOS colour picker when it is set to “Generic RGB”. Every single other thing I’ve tried, including sRGB, ends up with the wrong colour.
I have never had an issue with colour in RW, values I pick match the same in PS / InDesign - I have just rechecked using the blue panel on the right when creating a post and Hex values where identical!
I suspect that where you are going wrong is that upon opening an image, it has to be converted to the correct colour space. Assigning a colour space / profile, or failing to, breaks everything.
Let’s say I screen grab said blue panel. I now need to convert from whatever my screen colour profile is, to a standard working space, usually sRGB. Do that and Hex values are identical to what RW gives me via the picker.
Ignore my current profile, Sequoia currently has a bug where it holds onto the last external display profile, hence my presentation projector. So my screen grab needs to be converted from display profile (EpsonPJ ) to sRGB
Thanks Nick. Reality is, many people have reported issues, not just me. My experience is, let’s say I have an image with a background colour, and I want to extend that background colour to fill a larger container. There’s no option to convert the colour space, it’s simply dropped into Rapidweaver. I pick the bg colour of the image in RW, and use that hex value as the bg # for the container it resides in, and…
…I get a different colour unless a quite specific process is followed, which I have outlined above as the solution. Starting with NOT using Apple’s colour picker to source the colour, and including making sure “generic RGB” is set before entering the hex value.
That’s just the way it is, I have found no other way to do it, “correctly” or not. But now that I have a process, it’s fine. It’s a minefield out there!
The Apple colour picker which RW uses is effectively converting values to sRGB on the fly, hence why my methodology is working. I need to do some more testing when I have time.
The key point to take away for all things colour management is always to convert colours from one space to another, never to assign. In an article I wrote for Canon 20 years ago, I described ‘assigning’ as putting a label on a jar of red jam, without knowing the contents, it could be raspberry, strawberry or even red current; similar looking, but very different. In the early noughties, I did very well from a consultancy project when a Land Rover agency mistakenly ‘assigned’ sRGB to set of ad images contracted for delivery in Adobe RGB. Then they printed them without proofing. The results were horrible in print, and very expensive for the agency. You never forget things like that (although I was the innocent party and beneficiary too).