Генератор палітр
  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
 Завантажити зображення