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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: