Генератор палитр
  1. Палитры цветов
  2. Accessibility-First Design System
Создано 06/09/2025 09:53
авторcolourlock
  6

Accessibility-First Design System

Vision Blue
#0077cc
Contrast Yellow
#ffdd57
Focus Border
#000000
Text Pure White
#ffffff
Surface Stone
#eaeaea
Hint Lilac
#e4d7f5
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Vision Blue #0077cc да Contrast Yellow #ffdd57. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

По светлоте палитра тянется от #000000 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #000000, #0077CC, #E4D7F5, #EAEAEA, #FFDD57, #FFFFFF

Палитра Accessibility-First Design System содержит комбинацию из 6 кодов цветов:
HEX: #0077cc, RGB: (0, 119, 204); HEX: #ffdd57, RGB: (255, 221, 87); HEX: #000000, RGB: (0, 0, 0)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #eaeaea, RGB: (234, 234, 234); HEX: #e4d7f5, RGB: (228, 215, 245)
Упрощенная версия цветов палитры
Оттенок steelblue, Тень gold, Черный, Белый, Оттенок whitesmoke, Оттенок lavender
Цветовая схема создана автором colourlock

Коды цветов в палитре

Accessibility-First Design System коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#0077cc #0077cc RGB(0, 119, 204)Vision Blue—
#ffdd57 #ffdd57 RGB(255, 221, 87)Contrast Yellow—
#000000 #000000 RGB(0, 0, 0)Focus BorderBlack
#ffffff #ffffff RGB(255, 255, 255)Text Pure WhiteWhite
#eaeaea #eaeaea RGB(234, 234, 234)Surface StonePlaster
#e4d7f5 #e4d7f5 RGB(228, 215, 245)Hint Lilac—

Контраст палитры цветов

6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#ffdd57
#ffffff
1.33
#ffdd57
#eaeaea
1.1
#ffdd57
#e4d7f5
1.02
#ffffff
#eaeaea
1.2
#ffffff
#e4d7f5
1.36
#eaeaea
#e4d7f5
1.13

Изображение палитры Accessibility-First Design System png

Accessibility-First Design System - #551438
 Загрузить изображение