Генератор палітр
  1. Палітри кольорів
  2. Visual Debug Web Toolkit

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
  6
Створено 06/26/2025 08:36
авторcolorday
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори 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 палітра кольорів: Breakpoint Yellow, Inspect Cyan, Node Gray, DevGrid White, Runtime Plum
 Завантажити зображення