Vue Composition Contrast
- Reactive Jade#00b894
- Directive Rose#ff6b6b
- Slot Cream#fff7e6
- Transition Cyan#00ced1
- DevTools Gray#2f3640
- SingleFile Yellow#ffeaa7
Створено 06/05/2025 20:12
Палітра містить світлий, напівтемний кольори. Акцентні кольори Slot Cream #fff7e6 та Transition Cyan #00ced1. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2F3640 (найтемніший) до #FFF7E6 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 83% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #00B894, #00CED1, #2F3640, #FF6B6B, #FFEAA7, #FFF7E6
Палітра Vue Composition Contrast містить комбінацію з 6 кодів кольорів :
HEX: #00b894, RGB: (0, 184, 148); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff7e6, RGB: (255, 247, 230)
HEX: #00ced1, RGB: (0, 206, 209); HEX: #2f3640, RGB: (47, 54, 64); HEX: #ffeaa7, RGB: (255, 234, 167)
Спрощений варіант палітри кольорів
Темний відтінок Помірний аквамариновий, Темний відтінок Лососевий, Світлий відтінок Старе мереживо, Темно-бірюзовий, Темний відтінок Темний сланцево-сірий, Світлий відтінок Блідо-золотистий
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Vue Composition Contrast коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #00b894 | #00b894 | RGB(0, 184, 148) | Reactive Jade | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Directive Rose | — |
| #fff7e6 | #fff7e6 | RGB(255, 247, 230) | Slot Cream | — |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Transition Cyan | Darkturquoise |
| #2f3640 | #2f3640 | RGB(47, 54, 64) | DevTools Gray | — |
| #ffeaa7 | #ffeaa7 | RGB(255, 234, 167) | SingleFile Yellow | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#00b894 | #ff6b6b | 1.09 |
#00b894 | #00ced1 | 1.29 |
#ff6b6b | #00ced1 | 1.42 |
#fff7e6 | #00ced1 | 1.83 |
#fff7e6 | #ffeaa7 | 1.12 |
#00ced1 | #ffeaa7 | 1.63 |
Палітра із зображення Vue Composition Contrast png
Експортувати палітру
Завантажте "Vue Composition Contrast" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: