Генератор палітр
  1. Палітри кольорів
  2. Smart UI Accessibility Tokens

Smart UI Accessibility Tokens

  • Readable Indigo
    #6366f1
  • Focus Cream
    #fef9c3
  • Hint Blue
    #3b82f6
  • Label Rose
    #fbcfe8
  • Error Black
    #0f172a
  • Toggle Gray
    #9ca3af
  • Hover Gold
    #facc15
  6
Створено 06/26/2025 08:37
авторcolorstudio
Палітра містить світлий, темний кольори. Акцентні кольори Focus Cream #fef9c3 та Hint Blue #3b82f6. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

За світлістю палітра сягає від #0F172A (найтемніший) до #FEF9C3 (найсвітліший). Діапазон світлості широкий.

Загалом насиченість здається яскравою (висока хрома) — 71% кольорів яскраві.

Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.

Теплі й холодні зразки доволі збалансовані (3 теплих, 3 холодних).

HEX-коди (відсортовано): #0F172A, #3B82F6, #6366F1, #9CA3AF, #FACC15, #FBCFE8, #FEF9C3

Палітра Smart UI Accessibility Tokens містить комбінацію з 7 кодів кольорів :
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #facc15, RGB: (250, 204, 21)
Спрощений варіант палітри кольорів
Темний відтінок Помірний сланцево-синій, Темний відтінок Лимонний шифон, Темний відтінок Захисно-синій, Світлий відтінок Будяк, Світлий відтінок Чорний, Темний відтінок Темно-сірий, Темний відтінок Золотий
Кольорова схема створена автором colorstudio

Коди кольорів у палітрі

Smart UI Accessibility Tokens коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#6366f1 #6366f1 RGB(99, 102, 241)Readable Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Focus Cream—
#3b82f6 #3b82f6 RGB(59, 130, 246)Hint Blue—
#fbcfe8 #fbcfe8 RGB(251, 207, 232)Label Rose—
#0f172a #0f172a RGB(15, 23, 42)Error Black—
#9ca3af #9ca3af RGB(156, 163, 175)Toggle Gray—
#facc15 #facc15 RGB(250, 204, 21)Hover Gold—

Контраст палітри кольорів

8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#6366f1
#3b82f6
1.21
#6366f1
#9ca3af
1.75
#fef9c3
#fbcfe8
1.28
#fef9c3
#facc15
1.42
#3b82f6
#9ca3af
1.44
#fbcfe8
#9ca3af
1.83

Палітра із зображення Smart UI Accessibility Tokens png

Smart UI Accessibility Tokens палітра кольорів: Readable Indigo, Focus Cream, Hint Blue, Label Rose, Error Black, Toggle Gray
 Завантажити зображення