Visual Debug Web Toolkit
- Breakpoint Yellow#fde047
- Inspect Cyan#22d3ee
- Node Gray#6b7280
- DevGrid White#f9fafb
- Runtime Plum#c084fc
- Panel Charcoal#111827
- Flag Red#f43f5e
Создано 06/26/2025 08:36
Палитра содержит светлый, полутемный, темный цвета. Акцентные цвета Breakpoint Yellow #fde047 и Runtime Plum #c084fc. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #111827 (самый тёмный) до #F9FAFB (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 57% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (2 тёплых, 2 холодных).
HEX-коды (по возрастанию): #111827, #22D3EE, #6B7280, #C084FC, #F43F5E, #F9FAFB, #FDE047
Палитра Visual Debug Web Toolkit содержит комбинацию из 7 кодов цветов:
HEX: #fde047, RGB: (253, 224, 71); HEX: #22d3ee, RGB: (34, 211, 238); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #c084fc, RGB: (192, 132, 252); HEX: #111827, RGB: (17, 24, 39)
HEX: #f43f5e, RGB: (244, 63, 94)
Упрощенная версия цветов палитры
Светлый оттенок Золотой, Светлый оттенок Тёмно-бирюзовый, Тёмный оттенок Аспидно-серый, Светлый оттенок Дымчато-белый, Тёмный оттенок Фиалковый, Светлый оттенок Черный, Тёмный оттенок Индийский красный
Цветовая схема создана автором colorday
Коды цветов в палитре
Visual Debug Web Toolkit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #fde047 | #fde047 | RGB(253, 224, 71) | Breakpoint Yellow | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Inspect Cyan | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Node Gray | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | DevGrid White | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Runtime Plum | — |
| #111827 | #111827 | RGB(17, 24, 39) | Panel Charcoal | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Flag Red | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#fde047 | #22d3ee | 1.37 |
#fde047 | #f9fafb | 1.26 |
#22d3ee | #f9fafb | 1.72 |
#22d3ee | #c084fc | 1.46 |
#6b7280 | #c084fc | 1.82 |
#6b7280 | #f43f5e | 1.31 |
Палитра из изображения Visual Debug Web Toolkit png
Экспорт палитры
Скачайте "Visual Debug Web Toolkit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: