Неправильный контраст — на примере Rozetked

Если вы не в курсе, речь про самый популярный русскоязычный техно-канал на Ютубе. Во-первых, качество их видео на высочайшем уровне. Во-вторых, качество дизайна в их видео — хорошее. Но как дизайнер и городской сумасшедший, я каждый раз подмечаю нюансы.

Зацените табличку с временем работы аккумулятора на разных Айфонах и версиях айОСа. Забудьте про текст. Нас интересует только прогресс-бар. Вроде бы, всего два цвета, но и с ними можно косякнуть.

Чем темнее объект на светлом фоне, тем сильнее он выделяется. Но в оригинале контраст шиворот-навыворот. Получилось так, что неактивная часть прогресс-бара бросается в глаза раньше. В добавок к этому, цвета не особо контрастируют друг с другом. Нужно поменять их местами, а всю длину шкалы сделать светлее.

Понимаю, что для опытных ребят совет может показаться очевидным. Но вам, очевидно, кажется.