Створено 06/01/2025 08:37
Hypercrate UI
- Lead Orange#ff7951
- Container Cream#fff7ea
- Signal Teal#2cd4c3
- Toggle Dust#e0dbd2
- Caption Bronze#7f5f41
- Text Darkbit#121212
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Container Cream #fff7ea та Signal Teal #2cd4c3. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #121212 (найтемніший) до #FFF7EA (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #121212, #2CD4C3, #7F5F41, #E0DBD2, #FF7951, #FFF7EA
Палітра Hypercrate UI містить комбінацію з 6 кодів кольорів :
HEX: #ff7951, RGB: (255, 121, 81); HEX: #fff7ea, RGB: (255, 247, 234); HEX: #2cd4c3, RGB: (44, 212, 195)
HEX: #e0dbd2, RGB: (224, 219, 210); HEX: #7f5f41, RGB: (127, 95, 65); HEX: #121212, RGB: (18, 18, 18)
Спрощений варіант палітри кольорів
Відтінок coral, Відтінок oldlace, Відтінок turquoise, Відтінок gainsboro, Відтінок sienna, Відтінок Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Hypercrate UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ff7951 | #ff7951 | RGB(255, 121, 81) | Lead Orange | — |
| #fff7ea | #fff7ea | RGB(255, 247, 234) | Container Cream | — |
| #2cd4c3 | #2cd4c3 | RGB(44, 212, 195) | Signal Teal | — |
| #e0dbd2 | #e0dbd2 | RGB(224, 219, 210) | Toggle Dust | — |
| #7f5f41 | #7f5f41 | RGB(127, 95, 65) | Caption Bronze | — |
| #121212 | #121212 | RGB(18, 18, 18) | Text Darkbit | Dark Tone Ink |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ff7951 | #2cd4c3 | 1.39 |
#ff7951 | #e0dbd2 | 1.87 |
#fff7ea | #2cd4c3 | 1.74 |
#fff7ea | #e0dbd2 | 1.29 |
#2cd4c3 | #e0dbd2 | 1.34 |
Зображення палітри Hypercrate UI png
Експортувати палітру
Завантажте "Hypercrate UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: