Создано 06/30/2025 17:31
авторpalettespicker
  6

Cross-Platform UI Reactivity

  • Sync Plum
    #8a5cf6
  • Transition Mint
    #bffcc6
  • Adaptive Coral
    #ff9472
  • Compile Grey
    #b0b6ba
  • Scale Snow
    #f8fafc
  • Hover Ink
    #1b1b1b
Loading...
Палитра содержит светлый, темный цвета. Акцентные цвета Adaptive Coral #ff9472 да Scale Snow #f8fafc. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

По светлоте палитра тянется от #1B1B1B (самый тёмный) до #F8FAFC (самый светлый). Диапазон светлоты широкий.

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #1B1B1B, #8A5CF6, #B0B6BA, #BFFCC6, #F8FAFC, #FF9472

Палитра Cross-Platform UI Reactivity содержит комбинацию из 6 кодов цветов:
HEX: #8a5cf6, RGB: (138, 92, 246); HEX: #bffcc6, RGB: (191, 252, 198); HEX: #ff9472, RGB: (255, 148, 114)
HEX: #b0b6ba, RGB: (176, 182, 186); HEX: #f8fafc, RGB: (248, 250, 252); HEX: #1b1b1b, RGB: (27, 27, 27)
Упрощенная версия цветов палитры
Оттенок mediumslateblue, Тень palegreen, Оттенок lightsalmon, Оттенок Серебряный, Тень whitesmoke, Тень Черный
Цветовая схема создана автором palettespicker

Коды цветов в палитре

Cross-Platform UI Reactivity коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#8a5cf6 #8a5cf6 RGB(138, 92, 246)Sync Plum
#bffcc6 #bffcc6 RGB(191, 252, 198)Transition Mint
#ff9472 #ff9472 RGB(255, 148, 114)Adaptive Coral
#b0b6ba #b0b6ba RGB(176, 182, 186)Compile Grey
#f8fafc #f8fafc RGB(248, 250, 252)Scale Snow
#1b1b1b #1b1b1b RGB(27, 27, 27)Hover InkEerie Black

Контраст палитры цветов

6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#8a5cf6
#ff9472
1.96
#bffcc6
#ff9472
1.84
#bffcc6
#b0b6ba
1.75
#bffcc6
#f8fafc
1.11
#ff9472
#b0b6ba
1.05
#b0b6ba
#f8fafc
1.95

Изображение палитры Cross-Platform UI Reactivity png

Loading...
Loading...