Генератор палітр
  1. Палітри кольорів
  2. Interactive Design System AI Kit

Interactive Design System AI Kit

  • Layer Mint
    #b2dfdb
  • Hierarchy Blue
    #64b5f6
  • Prototype White
    #ffffff
  • Contrast Navy
    #212121
  • Component Rose
    #f48fb1
  • Layout Smoke
    #cfd8dc
  1
Створено 07/25/2025 08:09
авторpalettespicker
Палітра містить світлий, темний кольори. Акцентні кольори Hierarchy Blue #64b5f6 та Component Rose #f48fb1. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

Насиченість змішана — 3 приглушених і 2 яскравих із 6 кольорів.

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

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

HEX-коди (відсортовано): #212121, #64B5F6, #B2DFDB, #CFD8DC, #F48FB1, #FFFFFF

Палітра Interactive Design System AI Kit містить комбінацію з 6 кодів кольорів :
HEX: #b2dfdb, RGB: (178, 223, 219); HEX: #64b5f6, RGB: (100, 181, 246); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #212121, RGB: (33, 33, 33); HEX: #f48fb1, RGB: (244, 143, 177); HEX: #cfd8dc, RGB: (207, 216, 220)
Спрощений варіант палітри кольорів
Темний відтінок Пудрово-блакитний, Світлий відтінок Насичений небесно-блакитний, Білий, Світлий відтінок Чорний, Світлий відтінок Блідий фіолетово-червоний, Світлий відтінок Світло-сірий
Кольорова схема створена автором palettespicker

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

Interactive Design System AI Kit коди кольорів HEX, RGB інформація у таблиці

КолірHEXRGBНазваАльтернативна назва
#b2dfdb#b2dfdbRGB(178, 223, 219)Layer Mint—
#64b5f6#64b5f6RGB(100, 181, 246)Hierarchy Blue—
#ffffff#ffffffRGB(255, 255, 255)Prototype WhiteWhite
#212121#212121RGB(33, 33, 33)Contrast NavyLead
#f48fb1#f48fb1RGB(244, 143, 177)Component Rose—
#cfd8dc#cfd8dcRGB(207, 216, 220)Layout Smoke—

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

8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір текстуКолір фонуКоефіцієнт контрастності
#b2dfdb
#64b5f6
1.52
#b2dfdb
#ffffff
1.45
#b2dfdb
#f48fb1
1.53
#b2dfdb
#cfd8dc
1
#64b5f6
#f48fb1
1
#64b5f6
#cfd8dc
1.53

Палітра із зображення Interactive Design System AI Kit png

Interactive Design System AI Kit палітра кольорів: Layer Mint, Hierarchy Blue, Prototype White, Contrast Navy, Component Rose
 Завантажити зображення