Створено 06/16/2025 20:02
Minimalist Vue Component Library
- Component Ice#eef6f9
- Bind Coral#ff6f61
- Slot Indigo#7f75ff
- Shadow Card Gray#dde1e7
- Emit Mint#a9fbd7
- Props Night#1e1e1e
Палітра містить світлий, темний кольори. Акцентні кольори Bind Coral #ff6f61 та Slot Indigo #7f75ff. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #1E1E1E (найтемніший) до #EEF6F9 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E1E1E, #7F75FF, #A9FBD7, #DDE1E7, #EEF6F9, #FF6F61
Палітра Minimalist Vue Component Library містить комбінацію з 6 кодів кольорів :
HEX: #eef6f9, RGB: (238, 246, 249); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #7f75ff, RGB: (127, 117, 255)
HEX: #dde1e7, RGB: (221, 225, 231); HEX: #a9fbd7, RGB: (169, 251, 215); HEX: #1e1e1e, RGB: (30, 30, 30)
Спрощений варіант палітри кольорів
Відтінок aliceblue, Відтінок salmon, Відтінок mediumslateblue, Відтінок gainsboro, Відтінок aquamarine, Відтінок Чорний
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Minimalist Vue Component Library коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #eef6f9 | #eef6f9 | RGB(238, 246, 249) | Component Ice | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Bind Coral | Living Coral |
| #7f75ff | #7f75ff | RGB(127, 117, 255) | Slot Indigo | — |
| #dde1e7 | #dde1e7 | RGB(221, 225, 231) | Shadow Card Gray | — |
| #a9fbd7 | #a9fbd7 | RGB(169, 251, 215) | Emit Mint | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Props Night | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#eef6f9 | #dde1e7 | 1.19 |
#eef6f9 | #a9fbd7 | 1.09 |
#ff6f61 | #7f75ff | 1.3 |
#dde1e7 | #a9fbd7 | 1.09 |
Зображення палітри Minimalist Vue Component Library png
Експортувати палітру
Завантажте "Minimalist Vue Component Library" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: