Создано 04/15/2026 11:46
Hyper Minimal CSS Variable Design System Modern Web Component Library UI
- Variable Black#0d0f15
- Primary Cyan#00c2ff
- Secondary Mint#2ce6b5
- Accent Pink#ff4d9d
- Warning Amber#ffb020
- Neutral Gray#a0a9b8
- Background White#f7faff
- Border Slate#2a2f3a
Палитра содержит темный, светлый цвета. Акцентные цвета Warning Amber #ffb020 да Background White #f7faff. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #0D0F15 (самый тёмный) до #F7FAFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #00C2FF, #0D0F15, #2A2F3A, #2CE6B5, #A0A9B8, #F7FAFF, #FF4D9D, #FFB020
Палитра Hyper Minimal CSS Variable Design System Modern Web Component Library UI содержит комбинацию из 8 кодов цветов:
HEX: #0d0f15, RGB: (13, 15, 21); HEX: #00c2ff, RGB: (0, 194, 255); HEX: #2ce6b5, RGB: (44, 230, 181)
HEX: #ff4d9d, RGB: (255, 77, 157); HEX: #ffb020, RGB: (255, 176, 32); HEX: #a0a9b8, RGB: (160, 169, 184)
HEX: #f7faff, RGB: (247, 250, 255); HEX: #2a2f3a, RGB: (42, 47, 58)
Упрощенная версия цветов палитры
Тень Черный, Тень deepskyblue, Оттенок aquamarine, Оттенок hotpink, Тень Оранжевый, Оттенок darkgrey, Тень ghostwhite, Тень Черный
Цветовая схема создана автором colourlock
Коды цветов в палитре
Hyper Minimal CSS Variable Design System Modern Web Component Library UI коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #0d0f15 | #0d0f15 | RGB(13, 15, 21) | Variable Black | — |
| #00c2ff | #00c2ff | RGB(0, 194, 255) | Primary Cyan | — |
| #2ce6b5 | #2ce6b5 | RGB(44, 230, 181) | Secondary Mint | — |
| #ff4d9d | #ff4d9d | RGB(255, 77, 157) | Accent Pink | — |
| #ffb020 | #ffb020 | RGB(255, 176, 32) | Warning Amber | — |
| #a0a9b8 | #a0a9b8 | RGB(160, 169, 184) | Neutral Gray | — |
| #f7faff | #f7faff | RGB(247, 250, 255) | Background White | — |
| #2a2f3a | #2a2f3a | RGB(42, 47, 58) | Border Slate | — |
Контраст палитры цветов
14 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#0d0f15 | #2a2f3a | 1.42 |
#00c2ff | #2ce6b5 | 1.28 |
#00c2ff | #ff4d9d | 1.49 |
#00c2ff | #ffb020 | 1.13 |
#00c2ff | #a0a9b8 | 1.14 |
#00c2ff | #f7faff | 1.97 |
Изображение палитры Hyper Minimal CSS Variable Design System Modern Web Component Library UI png
Экспорт палитры
Скачайте "Hyper Minimal CSS Variable Design System Modern Web Component Library UI" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: