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

Design System Token Overlay

  • Token Core Black
    #090c10
  • Spacing Guide Yellow
    #ffed66
  • Color Swatch Sky
    #89cff0
  • Typography Grey
    #b6b6b6
  • Radius Preview White
    #fbfbfb
  • Component Line Purple
    #9d4edd
  1
Створено 07/11/2025 12:52
авторcolorslib
Палітра містить темний, світлий, напівтемний кольори. Акцентні кольори Spacing Guide Yellow #ffed66 та Color Swatch Sky #89cff0. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.

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

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

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

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

HEX-коди (відсортовано): #090C10, #89CFF0, #9D4EDD, #B6B6B6, #FBFBFB, #FFED66

Палітра Design System Token Overlay містить комбінацію з 6 кодів кольорів :
HEX: #090c10, RGB: (9, 12, 16); HEX: #ffed66, RGB: (255, 237, 102); HEX: #89cff0, RGB: (137, 207, 240)
HEX: #b6b6b6, RGB: (182, 182, 182); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #9d4edd, RGB: (157, 78, 221)
Спрощений варіант палітри кольорів
Світлий відтінок Чорний, Світлий відтінок Хакі, Світлий відтінок Небесно-блакитний, Темний відтінок Срібний, Темний відтінок Білий, Світлий відтінок Темна орхідея
Кольорова схема створена автором colorslib

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

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

Колір HEX RGB Назва Альтернативна назва
#090c10 #090c10 RGB(9, 12, 16)Token Core Black—
#ffed66 #ffed66 RGB(255, 237, 102)Spacing Guide Yellow—
#89cff0 #89cff0 RGB(137, 207, 240)Color Swatch SkyPool Tiles
#b6b6b6 #b6b6b6 RGB(182, 182, 182)Typography Grey—
#fbfbfb #fbfbfb RGB(251, 251, 251)Radius Preview WhiteWhiteout
#9d4edd #9d4edd RGB(157, 78, 221)Component Line Purple—

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

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#ffed66
#89cff0
1.43
#ffed66
#b6b6b6
1.69
#ffed66
#fbfbfb
1.15
#89cff0
#b6b6b6
1.18
#89cff0
#fbfbfb
1.65
#b6b6b6
#fbfbfb
1.95

Палітра із зображення Design System Token Overlay png

Design System Token Overlay палітра кольорів: Token Core Black, Spacing Guide Yellow, Color Swatch Sky, Typography Grey
 Завантажити зображення