Тест градієнта

Free

Перевірте ваш екран на колірне смугування за допомогою патернів градієнта відтінків сірого, RGB-каналів, радіального та колірного кола, на весь екран.

Клавіатура: стрілки для перемикання візерунка, F для повного екрана, Esc для виходу.

На що звертати увагу

Плавний градієнт повинен переходити безперервно без видимих сходинок чи різких країв. Чіткі смуги або стрічки, які іноді називають бандингом, зазвичай означають, що панель або її поточні налаштування кольору не можуть відтворити достатньо проміжних відтінків.

Чому кілька типів градієнта

Бандинг може проявлятися по-різному залежно від напрямку і кольору, рампа відтінків сірого виявляє загальну плавність, одноканальні рампи ізолюють один колір за раз, а радіальний і колесо відтінків візерунки тестують вигнуті і обертальні переходи, які проста пряма рампа не вловила б.

Коментарі (0)

Знайшли цей інструмент корисним? Залиште коментар, поділіться порадою, чи скажіть нам, як ми можемо покращити його.

Ще немає коментарів. Будьте першим, хто поділиться думками!

Що робить цей інструмент

Цей інструмент відображає шість градієнтних патернів прямо у вашому браузері: градації сірого, окремі градієнти червоного, зеленого та синього, радіальний градієнт та повне колірне коло, щоб допомогти вам перевірити екран на видиме смугування в різних напрямках і кольорах, з повноекранним режимом для ближчого вивчення.

Як Це Працює

Градації сірого та одноканальні візерунки - це лінійні CSS-градієнти від чорного до повного білого, червоного, зеленого чи синього, що дозволяють браузеру інтерполювати якомога більше проміжних відтінків уздовж прямої лінії. Радіальний візерунок виконує ту ж інтерполяцію назовні від центру по колу замість лінії. Колірне коло побудоване як конічний CSS-градієнт із 24 рівномірно розташованими колірними точками з кроком 15 градусів, обчисленими з кольорового кола HSL при повній насиченості, тому браузер плавно інтерполює між кожною парою суміжних точок по всьому колу на 360 градусів.

Проблеми, які це вирішує

Перевірка екрана на видимий бандинг кольору перед припущенням, що проблема у файлі зображення чи відео.
Ізоляція того, чи проблема бандингу впливає на один колірний канал більше, ніж на інші.
Порівняння плавності градієнта в прямих, радіальних, і кругових переходах відтінків.
Отримання швидкого візуального еталона загальної плавності кольору екрана перед чутливою до кольору роботою.

Часті запитання

›Що спричиняє помітне смугування в градієнті?

Це зазвичай означає, що недостатньо різних кроків кольору доступно, щоб відтворити дійсно плавний перехід, чи то через панель з нижчою бітовою глибиною, 8-бітне з'єднання чи налаштування виходу кольору, агресивну обробку екрана, чи сам вихідний контент нижчої якості, ніж він виглядає.

›Чому важливе колірне коло, хіба прямого градієнта не достатньо?

Пряма рампа тестує переходи лише вздовж однієї лінії, колесо відтінків натомість проходить через кожен відтінок одразу по повному колу, що може виявити непослідовну плавність на конкретних кольорах чи кутах, яких проста рампа від чорного до білого ніколи б не торкнулася.

›Чому тестувати градієнти червоного, зеленого та синього окремо від відтінків сірого?

Екран може відтворювати один колірний канал плавніше, ніж інший. Тестування кожного основного кольору окремо повністю ізолює цей канал, тому проблема бандингу, характерна, скажімо, для синього каналу, не буде прихована двома іншими каналами, що її компенсують.

›Що перевіряє радіальний градієнт, чого не перевіряють інші?

Це переходить назовні від центральної точки в усіх напрямках одразу, тестуючи круговий, розширюваний візерунок замість прямої лінії, що може поводитися по-різному на деяких екранах чи при деяких налаштуваннях масштабування і обробки відео.

›Чи можуть налаштування браузера чи відеовихід спричинити бандинг навіть на хорошому екрані?

Так. Кабель чи порт, обмежений 8-бітним кольором, налаштування кольору операційної системи, масштабування GPU чи навіть апаратне прискорення браузера можуть вносити смугування, що не має жодного стосунку до самої панелі, це варто виключити, перш ніж звинувачувати дисплей.

Перевірте кожну клавішу вашої клавіатури в браузері: повна візуальна розкладка на 101 клавішу, деталі клавіші/коду/модифікатора, статистика rollover та anti-ghosting, виявлення тремтіння та трекер прогресу протестованих клавіш.