Генератор палитр
  1. Палитры цветов
  2. WebGL Motion Interaction Theme

WebGL Motion Interaction Theme

  • Canvas Indigo
    #3f51b5
  • Render Lime
    #dce775
  • Depth Black
    #263238
  • Light Bounce Pink
    #f8bbd0
  • Frame Cloud
    #eceff1
  • Parallax Cyan
    #00acc1
  6
Создано 07/25/2025 07:59
авторcolorscheme
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Light Bounce Pink #f8bbd0 и Parallax Cyan #00acc1. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.

В целом температура смещена в сторону холодного (3 из 6).

HEX-коды (по возрастанию): #00ACC1, #263238, #3F51B5, #DCE775, #ECEFF1, #F8BBD0

Палитра WebGL Motion Interaction Theme содержит комбинацию из 6 кодов цветов:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #dce775, RGB: (220, 231, 117); HEX: #263238, RGB: (38, 50, 56)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #eceff1, RGB: (236, 239, 241); HEX: #00acc1, RGB: (0, 172, 193)
Упрощенная версия цветов палитры
Тёмный оттенок Аспидно-синий, Тёмный оттенок Хаки, Тёмный оттенок Тёмный аспидно-серый, Тёмный оттенок Розовый, Тёмный оттенок Дымчато-белый, Тёмный оттенок Серо-синий
Цветовая схема создана автором colorscheme

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

WebGL Motion Interaction Theme коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#3f51b5 #3f51b5 RGB(63, 81, 181)Canvas Indigo—
#dce775 #dce775 RGB(220, 231, 117)Render Lime—
#263238 #263238 RGB(38, 50, 56)Depth Black—
#f8bbd0 #f8bbd0 RGB(248, 187, 208)Light Bounce Pink—
#eceff1 #eceff1 RGB(236, 239, 241)Frame Cloud—
#00acc1 #00acc1 RGB(0, 172, 193)Parallax Cyan—

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

5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#3f51b5
#263238
1.91
#dce775
#f8bbd0
1.2
#dce775
#eceff1
1.15
#f8bbd0
#eceff1
1.39
#f8bbd0
#00acc1
1.69

Палитра из изображения WebGL Motion Interaction Theme png

WebGL Motion Interaction Theme цветовая гамма: Canvas Indigo, Render Lime, Depth Black, Light Bounce Pink, Frame Cloud
 Загрузить изображение