L
L
Leonid Fedotov2015-04-29 20:36:25
css
Leonid Fedotov, 2015-04-29 20:36:25

Why does chrome have such a bad color palette?

When using background gradients in CSS

background: #000;
background-image: -webkit-gradient(radial, center center, 0, center center, 451, from(#1C1C1C), to(#080808));
background-image: -webkit-radial-gradient(center center, contain, #1C1C1C, #080808);
background-image: -moz-radial-gradient(center center, contain, #1c1c1c, #080808);
background-image: -o-radial-gradient(center center, contain, #1c1c1c, #080808);
background-image: -ms-radial-gradient(center center, contain, #1c1c1c, #080808);
background-image: radial-gradient(center center, contain, #1c1c1c, #080808);

In Firefox, this is fine, but Google Chrome (the latest version) for some reason produces a gradient with a small palette of colors. This is especially noticeable on large monitors (UPD: With strong brightness):
eecda4f2881f4356955a315d04cc3be6.png
(open the image in full size and enlarge)
How to get rid of such things and achieve a smooth color transition?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
D
Dmitry, 2015-04-30
@dmitryprogrammer

Maybe my monitor is not very good, but I did not notice the difference, as well as the gradient itself in principle.

A
Alexander Taratin, 2015-04-29
@Taraflex

rectangleworld.com/blog/archives/713

A
Andrey, 2015-06-25
@AndreyMyagkov

I did not notice a gradient on the IPS monitor, probably the brightness should be unscrewed by 100%.
I suspect the point here is that 95% of monitors have a palette much less than 16 million colors. The gradient you have is barely noticeable (actually from black to black), plus how you wrote especially noticeably large monitors. Those. dividing a weak gradient by a large length, taking into account the non-ideal palette of the monitor itself, it gives noticeable steps in colors.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question