Создано 07/22/2025 11:50
Accessible Contrast-First Vue Components
- ADA Aqua#00acc1
- Standard Black#000000
- Banner Light#f5f5f5
- Headline Amber#ffc107
- Link Purple#7e57c2
- Modal White#ffffff
- Form Label Gray#757575
Палитра содержит светлый, темный цвета. Акцентные цвета ADA Aqua #00acc1 да Headline Amber #ffc107. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #000000 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит приглушённой (низкая хрома).
Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).
Большинство полос читаются как нейтральные по температуре.
HEX-коды (по возрастанию): #000000, #00ACC1, #757575, #7E57C2, #F5F5F5, #FFC107, #FFFFFF
Палитра Accessible Contrast-First Vue Components содержит комбинацию из 7 кодов цветов:
HEX: #00acc1, RGB: (0, 172, 193); HEX: #000000, RGB: (0, 0, 0); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #ffc107, RGB: (255, 193, 7); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #757575, RGB: (117, 117, 117)
Упрощенная версия цветов палитры
Оттенок cadetblue, Черный, Оттенок gold, Тень slateblue, Белый, Тень dimgrey
Цветовая схема создана автором raccoon
Коды цветов в палитре
Accessible Contrast-First Vue Components коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | ADA Aqua | — |
| #000000 | #000000 | RGB(0, 0, 0) | Standard Black | Black |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Banner Light | White Smoke |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Headline Amber | — |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Link Purple | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Modal White | White |
| #757575 | #757575 | RGB(117, 117, 117) | Form Label Gray | Sonic Silver |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#00acc1 | #ffc107 | 1.67 |
#00acc1 | #7e57c2 | 1.9 |
#00acc1 | #757575 | 1.68 |
#f5f5f5 | #ffc107 | 1.49 |
#f5f5f5 | #ffffff | 1.09 |
#ffc107 | #ffffff | 1.63 |
Изображение палитры Accessible Contrast-First Vue Components png
Экспорт палитры
Скачайте "Accessible Contrast-First Vue Components" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: