Створено 07/08/2025 08:05
Retro Frontend Interaction Lab
- Hotkey Blue#2d6cdf
- Debugger Yellow#f8e16c
- HTML Coral#ff6f5e
- Console Smoke#e0e0e0
- Visual RAM Green#b5e48c
- Markup Tan#ffeedb
Палітра містить світлий кольори. Акцентні кольори Hotkey Blue #2d6cdf та Markup Tan #ffeedb. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2D6CDF (найтемніший) до #FFEEDB (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #2D6CDF, #B5E48C, #E0E0E0, #F8E16C, #FF6F5E, #FFEEDB
Палітра Retro Frontend Interaction Lab містить комбінацію з 6 кодів кольорів :
HEX: #2d6cdf, RGB: (45, 108, 223); HEX: #f8e16c, RGB: (248, 225, 108); HEX: #ff6f5e, RGB: (255, 111, 94)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #b5e48c, RGB: (181, 228, 140); HEX: #ffeedb, RGB: (255, 238, 219)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок хакі, Відтінок salmon, Відтінок gainsboro, Відтінок lightgreen, Відтінок antiquewhite
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Retro Frontend Interaction Lab коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2d6cdf | #2d6cdf | RGB(45, 108, 223) | Hotkey Blue | — |
| #f8e16c | #f8e16c | RGB(248, 225, 108) | Debugger Yellow | — |
| #ff6f5e | #ff6f5e | RGB(255, 111, 94) | HTML Coral | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Console Smoke | Gray88 |
| #b5e48c | #b5e48c | RGB(181, 228, 140) | Visual RAM Green | — |
| #ffeedb | #ffeedb | RGB(255, 238, 219) | Markup Tan | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2d6cdf | #ff6f5e | 1.77 |
#f8e16c | #e0e0e0 | 1 |
#f8e16c | #b5e48c | 1.1 |
#f8e16c | #ffeedb | 1.15 |
#ff6f5e | #b5e48c | 1.87 |
#e0e0e0 | #b5e48c | 1.1 |
Зображення палітри Retro Frontend Interaction Lab png
Експортувати палітру
Завантажте "Retro Frontend Interaction Lab" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: