Вибір, перетворення, палітри, контраст і зір
Сім завдань із кольором, одна спільна смуга, кожне число обчислене тут
Сім панелей над одним спільним кольором: обери й перетвори, перевір контраст, побудуй палітру, побудуй шкалу, побудуй градієнт, витягни палітру із зображення й подивися на все це трьома способами сприйняття кольору. Змініть колір в одній панелі - і кожна інша вже говорить про нього.
Перетворення відповідають CSS Color Level 4, включно зі справжньою кусково-заданою передавальною кривою sRGB замість гами 2,2, адаптацією Бредфорда між D65 і D50 для Lab та поверненням у гамут через зменшення хроми в OKLCH. Саме тому ці числа збігаються з тим, що малює браузер, а не відхиляються на відсоток-другий.
Вона дає коефіцієнт за WCAG 2.2 і вимоги, які пара задовольняє. Вона не каже, що ваша сторінка доступна, бо контраст - один критерій успіху з багатьох: порядок фокуса, підписи, шляхи з клавіатури, рух і структура є окремими, і сторінка з бездоганним контрастом усе одно може бути непридатною.
APCA сидить за розкриттям і позначене як інформація з чернетки WCAG 3. Воно моделює, як контраст читається за певного розміру й насиченості шрифту, чого WCAG 2 не робить, - але сьогодні за ним нічого не оцінюють, і показати його нарівні означало б спотворити обидва.
Проєкція Вієно, Бреттеля й Моллона, застосована в лінійному світлі. Вона відповідає на питання, яке варто ставити - чи можна ще розрізнити ці два кольори? - замість удавати фотографію того, що бачить конкретна людина. Це модель однієї форми стану, і панель про це каже.
Найважливіші можливості з практичними поясненнями.
HEX, RGB, HSL, HWB, OKLCH, OKLab, Lab, LCH, Display P3 і 148 іменованих кольорів, кожен із кнопкою копіювання. Значення поза гамутом позначаються і повертаються всередину зменшенням хроми в OKLCH, як приписує специфікація.
Коефіцієнт і те, які з вимог звичайний AA, великий AA, інтерфейс AA, звичайний AAA і великий AAA пара задовольняє. Напівпрозорі кольори спершу накладаються на колір сторінки, точно як їх малює браузер - помилка, якої припускається більшість перевіряльників.
Коли пара не сягає цілі, найближчий відтінок того самого кольору шукається за світлістю й хромою в OKLCH - і кожен кандидат вимірюється повторно після округлення до восьми бітів, бо пошук у неперервному просторі може повернути колір, який як hex не проходить.
Сім гармоній і одинадцятищаблевий ряд відтінків від 50 до 950, побудований обертанням відтінку й кроком світлості в перцептивному просторі. Експорт у власні властивості CSS, змінні SCSS, JSON або звичайний список.
Лінійні, радіальні та конічні градієнти з перетягуваними точками, інтерпольовані в OKLCH, щоб від синього до жовтого не йти крізь болото. Поруч виводиться проста форма sRGB, тож старіші браузери все одно намалюють градієнт.
Median cut, а після нього доопрацювання методом Ллойда, виконане на пікселях, декодованих у цій вкладці. Крок вибірки виштовхується поза малі прості числа, щоб смугасте зображення чи таблиця не звелися до двох кольорів - справжня вада, яку це виправляє.
Проєкція Вієно, Бреттеля й Моллона, застосована в лінійному світлі, для протанопії, дейтеранопії та тританопії. Вона повідомляє, чи ПАРА лишається розрізнюваною - питання, яке має значення - і прямо каже, що моделює одну форму стану, а не очі конкретної людини.
Перцептивна модель контрасту, укладена для WCAG 3, схована за розкриттям і описана тим, чим є: інформацією з чернетки, а не мірилом, за яким сьогодні щось оцінюють. Показати її нарівні з висновками WCAG означало б спотворити обидві.
Зрозумілий шлях від офіційного джерела до першого успішного використання.
Скористайтеся одним з офіційних посилань для свого пристрою або браузера.
Дотримуйтеся інструкцій магазину або відкрийте вебзастосунок. Без сторонніх інсталяторів.
Перегляньте параметри, виберіть уподобання та почніть з основного робочого процесу.
Прозорий огляд основних технологій, використаних для створення та підтримки продукту.
Ваші дані завжди залишаються на вашому пристрої.
