Створено 03/27/2026 21:08
Web Accessibility WCAG High Contrast Toolkit
- Contrast Black#000000
- Contrast White#ffffff
- Accessible Yellow#ffd60a
- Accessible Blue#0057b7
- Accessible Red#d00000
- Accessible Green#2b9348
- Neutral Gray#6c757d
Палітра містить темний, світлий кольори. Акцентні кольори Accessible Yellow #ffd60a та Accessible Blue #0057b7. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #000000 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #000000, #0057B7, #2B9348, #6C757D, #D00000, #FFD60A, #FFFFFF
Палітра Web Accessibility WCAG High Contrast Toolkit містить комбінацію з 7 кодів кольорів :
HEX: #000000, RGB: (0, 0, 0); HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffd60a, RGB: (255, 214, 10)
HEX: #0057b7, RGB: (0, 87, 183); HEX: #d00000, RGB: (208, 0, 0); HEX: #2b9348, RGB: (43, 147, 72)
HEX: #6c757d, RGB: (108, 117, 125)
Спрощений варіант палітри кольорів
Чорний, Білий, Відтінок gold, Відтінок royalblue, Відтінок firebrick, Відтінок seashell, Відтінок slategrey
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Web Accessibility WCAG High Contrast Toolkit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #000000 | #000000 | RGB(0, 0, 0) | Contrast Black | Black |
| #ffffff | #ffffff | RGB(255, 255, 255) | Contrast White | White |
| #ffd60a | #ffd60a | RGB(255, 214, 10) | Accessible Yellow | — |
| #0057b7 | #0057b7 | RGB(0, 87, 183) | Accessible Blue | — |
| #d00000 | #d00000 | RGB(208, 0, 0) | Accessible Red | Red Epiphyllum |
| #2b9348 | #2b9348 | RGB(43, 147, 72) | Accessible Green | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Neutral Gray | Pompeii Ash |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffffff | #ffd60a | 1.41 |
#0057b7 | #d00000 | 1.2 |
#0057b7 | #2b9348 | 1.76 |
#0057b7 | #6c757d | 1.46 |
#d00000 | #2b9348 | 1.45 |
#d00000 | #6c757d | 1.21 |
Зображення палітри Web Accessibility WCAG High Contrast Toolkit png
Експортувати палітру
Завантажте "Web Accessibility WCAG High Contrast Toolkit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: