Interactive Web Visualization Toolkit
- Hover Lime#c7f9cc
- Tooltip Yellow#ffeb3b
- Axis Charcoal#3d3d3d
- Gridline White#fafafa
- Zoom Pink#ffadad
- Data Blue#4d96ff
Создано 07/14/2025 07:54
Палитра содержит светлый, полутемный цвета. Акцентные цвета Tooltip Yellow #ffeb3b и Data Blue #4d96ff. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #3D3D3D (самый тёмный) до #FAFAFA (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (2 тёплых, 2 холодных).
HEX-коды (по возрастанию): #3D3D3D, #4D96FF, #C7F9CC, #FAFAFA, #FFADAD, #FFEB3B
Палитра Interactive Web Visualization Toolkit содержит комбинацию из 6 кодов цветов:
HEX: #c7f9cc, RGB: (199, 249, 204); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #3d3d3d, RGB: (61, 61, 61)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #ffadad, RGB: (255, 173, 173); HEX: #4d96ff, RGB: (77, 150, 255)
Упрощенная версия цветов палитры
Светлый оттенок Аквамариновый, Тёмный оттенок Желтый, Тёмный оттенок Тёмный аспидно-серый, Светлый оттенок Дымчато-белый, Тёмный оттенок Светло-розовый, Тёмный оттенок Васильковый
Цветовая схема создана автором colorscheme
Коды цветов в палитре
Interactive Web Visualization Toolkit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #c7f9cc | #c7f9cc | RGB(199, 249, 204) | Hover Lime | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Tooltip Yellow | — |
| #3d3d3d | #3d3d3d | RGB(61, 61, 61) | Axis Charcoal | Raven Black |
| #fafafa | #fafafa | RGB(250, 250, 250) | Gridline White | Dr. White |
| #ffadad | #ffadad | RGB(255, 173, 173) | Zoom Pink | — |
| #4d96ff | #4d96ff | RGB(77, 150, 255) | Data Blue | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#c7f9cc | #ffeb3b | 1.03 |
#c7f9cc | #fafafa | 1.12 |
#c7f9cc | #ffadad | 1.5 |
#ffeb3b | #fafafa | 1.16 |
#ffeb3b | #ffadad | 1.45 |
#fafafa | #ffadad | 1.7 |
Палитра из изображения Interactive Web Visualization Toolkit png
Экспорт палитры
Скачайте "Interactive Web Visualization Toolkit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: