I have a web site which I specified background-color: #005181;
using CSS.
If I open that page in browser and then check what is the background color using a color picker extension, it is #065181
.
If I use GIMP and pick color from screen, it is #065082
picked from Chrome and #064e84
picked from Firefox.
I’ve checked in devtools and the CSS color being applied is #005181
, but it is being rendered differently on the page.
OS: Fedora Linux 39 (Workstation Edition)
GNOME 45.4 (X11)
2
Answers
You can try to open devtool to see if the expected CSS class applied to your element, it can be overridden by other CSS classes from libraries you used or a default CSS somewhere in your project.
Similar question was discussed before. I guess I can add 2024 on comments below.
I personally identify with this answer.
It is color in devTools that matters, from web developer perspective.
How it is actually rendered depends on used OS color profile, among other things.
On Windows you have night light mode, etc.