Генератор палитр
  1. Палитры цветов
  2. Human Centered Design Accessibility Inclusive UI Kit Colors

Human Centered Design Accessibility Inclusive UI Kit Colors

  • Accessible Blue
    #3b82f6
  • Inclusive Green
    #22c55e
  • Alert Red
    #ef4444
  • Focus Yellow
    #facc15
  • Neutral Gray
    #d1d5db
  • Background White
    #ffffff
  • Text Dark
    #020617
  1
Создано 03/30/2026 11:43
авторcolorday
Палитра содержит светлый, темный цвета. Акцентные цвета Accessible Blue #3b82f6 и Focus Yellow #facc15. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

В целом насыщенность выглядит яркой (высокая хрома) — 71% цветов насыщенные.

Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.

В целом температура смещена в сторону холодного (3 из 7).

HEX-коды (по возрастанию): #020617, #22C55E, #3B82F6, #D1D5DB, #EF4444, #FACC15, #FFFFFF

Палитра Human Centered Design Accessibility Inclusive UI Kit Colors содержит комбинацию из 7 кодов цветов:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #ef4444, RGB: (239, 68, 68)
HEX: #facc15, RGB: (250, 204, 21); HEX: #d1d5db, RGB: (209, 213, 219); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Упрощенная версия цветов палитры
Тёмный оттенок Защитно-синий, Тёмный оттенок Зелёный лайм, Тёмный оттенок Индийский красный, Тёмный оттенок Золотой, Светлый оттенок Светло-серый, Белый, Светлый оттенок Черный
Цветовая схема создана автором colorday

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

Human Centered Design Accessibility Inclusive UI Kit Colors коды цветов HEX, RGB информация в таблице

ЦветHEXRGBНазваниеАльтернативное название
#3b82f6#3b82f6RGB(59, 130, 246)Accessible Blue—
#22c55e#22c55eRGB(34, 197, 94)Inclusive Green—
#ef4444#ef4444RGB(239, 68, 68)Alert Red—
#facc15#facc15RGB(250, 204, 21)Focus Yellow—
#d1d5db#d1d5dbRGB(209, 213, 219)Neutral Gray—
#ffffff#ffffffRGB(255, 255, 255)Background WhiteWhite
#020617#020617RGB(2, 6, 23)Text Dark—

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

8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текстаЦвет фонаКоэффициент контрастности
#3b82f6
#22c55e
1.61
#3b82f6
#ef4444
1.02
#22c55e
#ef4444
1.65
#22c55e
#facc15
1.48
#22c55e
#d1d5db
1.54
#facc15
#d1d5db
1.03

Палитра из изображения Human Centered Design Accessibility Inclusive UI Kit Colors png

Human Centered Design Accessibility Inclusive UI Kit Colors: Accessible Blue, Inclusive Green, Alert Red, Focus Yellow
 Загрузить изображение