Создано 06/20/2025 17:16
WebGL Interactive Design Theme
- Shader Purple#a285d1
- Canvas Black#101010
- Frame Neon#00f5ff
- Render Beige#f9f5ef
- Vertex Coral#ff8c8c
- Zoom Cyan#63f5ef
Палитра содержит светлый, темный цвета. Акцентные цвета Frame Neon #00f5ff да Vertex Coral #ff8c8c. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #101010 (самый тёмный) до #F9F5EF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #00F5FF, #101010, #63F5EF, #A285D1, #F9F5EF, #FF8C8C
Палитра WebGL Interactive Design Theme содержит комбинацию из 6 кодов цветов:
HEX: #a285d1, RGB: (162, 133, 209); HEX: #101010, RGB: (16, 16, 16); HEX: #00f5ff, RGB: (0, 245, 255)
HEX: #f9f5ef, RGB: (249, 245, 239); HEX: #ff8c8c, RGB: (255, 140, 140); HEX: #63f5ef, RGB: (99, 245, 239)
Упрощенная версия цветов палитры
Тень mediumpurple, Тень Черный, Оттенок cyan, Оттенок floralwhite, Тень lightcoral, Тень cyan
Цветовая схема создана автором colourlock
Больше палитр с:
Коды цветов в палитре
WebGL Interactive Design Theme коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #a285d1 | #a285d1 | RGB(162, 133, 209) | Shader Purple | — |
| #101010 | #101010 | RGB(16, 16, 16) | Canvas Black | — |
| #00f5ff | #00f5ff | RGB(0, 245, 255) | Frame Neon | Turquoise1 |
| #f9f5ef | #f9f5ef | RGB(249, 245, 239) | Render Beige | — |
| #ff8c8c | #ff8c8c | RGB(255, 140, 140) | Vertex Coral | — |
| #63f5ef | #63f5ef | RGB(99, 245, 239) | Zoom Cyan | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#a285d1 | #ff8c8c | 1.37 |
#00f5ff | #f9f5ef | 1.24 |
#00f5ff | #ff8c8c | 1.65 |
#00f5ff | #63f5ef | 1.02 |
#f9f5ef | #63f5ef | 1.22 |
#ff8c8c | #63f5ef | 1.68 |
Изображение палитры WebGL Interactive Design Theme png
Экспорт палитры
Скачайте "WebGL Interactive Design Theme" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: