Генератор палітр
  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
 Завантажити зображення