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

Interactive Web App UI Tokens

  • Click Coral
    #fb7185
  • Hover Indigo
    #6366f1
  • Input Cream
    #fef9c3
  • Transition Teal
    #14b8a6
  • Form Shadow
    #9ca3af
  • Field Mist
    #f3f4f6
  • CTA Yellow
    #fcd34d
  1
Створено 06/27/2025 11:01
авторcolorslib
Палітра містить світлий кольори. Акцентні кольори Hover Indigo #6366f1 та Input Cream #fef9c3. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.

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

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

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

Загалом температура зміщена в бік теплого (3 із 7).

HEX-коди (відсортовано): #14B8A6, #6366F1, #9CA3AF, #F3F4F6, #FB7185, #FCD34D, #FEF9C3

Палітра Interactive Web App UI Tokens містить комбінацію з 7 кодів кольорів :
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #fcd34d, RGB: (252, 211, 77)
Спрощений варіант палітри кольорів
Темний відтінок Світло-кораловий, Темний відтінок Помірний сланцево-синій, Темний відтінок Лимонний шифон, Темний відтінок Світлий морський зелений, Темний відтінок Темно-сірий, Темний відтінок Димчасто-білий, Світлий відтінок Золотий
Кольорова схема створена автором colorslib

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

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

Колір HEX RGB Назва Альтернативна назва
#fb7185 #fb7185 RGB(251, 113, 133)Click Coral—
#6366f1 #6366f1 RGB(99, 102, 241)Hover Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Input Cream—
#14b8a6 #14b8a6 RGB(20, 184, 166)Transition Teal—
#9ca3af #9ca3af RGB(156, 163, 175)Form Shadow—
#f3f4f6 #f3f4f6 RGB(243, 244, 246)Field Mist—
#fcd34d #fcd34d RGB(252, 211, 77)CTA Yellow—

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

12 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#fb7185
#6366f1
1.65
#fb7185
#14b8a6
1.08
#fb7185
#9ca3af
1.06
#fb7185
#fcd34d
1.86
#6366f1
#14b8a6
1.79
#6366f1
#9ca3af
1.75

Палітра із зображення Interactive Web App UI Tokens png

Interactive Web App UI Tokens палітра кольорів: Click Coral, Hover Indigo, Input Cream, Transition Teal, Form Shadow
 Завантажити зображення