Генератор палітр
  1. Палітри кольорів
  2. Dark Mode UI Pattern Architect
Створено 08/13/2025 05:56
авторcolorday
  6

Dark Mode UI Pattern Architect

  • Pattern Teal
    #00bfa5
  • Contrast Red
    #ff1744
  • Typography White
    #fafafa
  • Panel Grey
    #616161
  • Highlight Yellow
    #ffd600
  • Menu Black
    #121212
  • Accent Blue
    #2979ff
  • Focus Pink
    #ff80ab
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Pattern Teal #00bfa5 та Highlight Yellow #ffd600. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

За світлістю палітра сягає від #121212 (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.

Загалом насиченість здається яскравою (висока хрома).

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Загалом температура зміщена в бік теплого.

HEX-коди (відсортовано): #00BFA5, #121212, #2979FF, #616161, #FAFAFA, #FF1744, #FF80AB, #FFD600

Палітра Dark Mode UI Pattern Architect містить комбінацію з 8 кодів кольорів :
HEX: #00bfa5, RGB: (0, 191, 165); HEX: #ff1744, RGB: (255, 23, 68); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #616161, RGB: (97, 97, 97); HEX: #ffd600, RGB: (255, 214, 0); HEX: #121212, RGB: (18, 18, 18)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #ff80ab, RGB: (255, 128, 171)
Спрощений варіант палітри кольорів
Відтінок lightseagreen, Відтінок crimson, Відтінок whitesmoke, Відтінок dimgrey, Відтінок gold, Відтінок Чорний, Відтінок royalblue, Відтінок hotpink
Кольорова схема створена автором colorday

Коди кольорів у палітрі

Dark Mode UI Pattern Architect коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#00bfa5 #00bfa5 RGB(0, 191, 165)Pattern Teal—
#ff1744 #ff1744 RGB(255, 23, 68)Contrast Red—
#fafafa #fafafa RGB(250, 250, 250)Typography WhiteDr. White
#616161 #616161 RGB(97, 97, 97)Panel GreyGray38
#ffd600 #ffd600 RGB(255, 214, 0)Highlight Yellow—
#121212 #121212 RGB(18, 18, 18)Menu BlackDark Tone Ink
#2979ff #2979ff RGB(41, 121, 255)Accent Blue—
#ff80ab #ff80ab RGB(255, 128, 171)Focus Pink—

Контраст палітри кольорів

11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#00bfa5
#ff1744
1.64
#00bfa5
#ffd600
1.65
#00bfa5
#2979ff
1.7
#00bfa5
#ff80ab
1
#ff1744
#616161
1.6
#ff1744
#2979ff
1.03

Зображення палітри Dark Mode UI Pattern Architect png

Dark Mode UI Pattern Architect - #558161
 Завантажити зображення