skip to Main Content

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


  1. 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.

    Login or Signup to reply.
  2. 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.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search