Створено 07/20/2025 20:19
авторcolourlock
  1

High-Fidelity UI Wireframe Canvas

Sketch White
#fdfdfd
Frame Gray
#eaeaea
Annotation Red
#ff5e5b
Layer Blue
#7bdff2
Mockup Charcoal
#2d2d2d
Палітра містить світлий, темний кольори. Акцентні кольори Annotation Red #ff5e5b та Layer Blue #7bdff2. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
Палітра High-Fidelity UI Wireframe Canvas містить комбінацію з 5 кодів кольорів :
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #eaeaea, RGB: (234, 234, 234); HEX: #ff5e5b, RGB: (255, 94, 91)
HEX: #7bdff2, RGB: (123, 223, 242); HEX: #2d2d2d, RGB: (45, 45, 45)
Спрощений варіант палітри кольорів
Відтінок Білий, Відтінок whitesmoke, Відтінок tomato, Відтінок skyblue, Відтінок Чорний
Кольорова схема створена автором colourlock

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

High-Fidelity UI Wireframe Canvas коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#fdfdfd #fdfdfd RGB(253, 253, 253)Sketch WhiteBrilliance
#eaeaea #eaeaea RGB(234, 234, 234)Frame GrayPlaster
#ff5e5b #ff5e5b RGB(255, 94, 91)Annotation Red
#7bdff2 #7bdff2 RGB(123, 223, 242)Layer Blue
#2d2d2d #2d2d2d RGB(45, 45, 45)Mockup Charcoal

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

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#fdfdfd
#eaeaea
1.18
#fdfdfd
#7bdff2
1.5
#eaeaea
#7bdff2
1.27
#ff5e5b
#7bdff2
1.95

Зображення палітри High-Fidelity UI Wireframe Canvas png