Створено 03/14/2023 15:02
Animation ui design branding hex colors
- Moonstone#39adc5
- Champagne#f4ebcc
- MSU Green#143c44
- Slate Gray#6c8c8d
- Pale Silver#c5c5b1
- Dark Slate Gray#3a5856
Палітра містить світлий, напівтемний кольори. Акцентні кольори Moonstone #39adc5 та Champagne #f4ebcc. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #143C44 (найтемніший) до #F4EBCC (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки широко розкидані по колі — різноманітна палітра (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #143C44, #39ADC5, #3A5856, #6C8C8D, #C5C5B1, #F4EBCC
Палітра Animation ui design branding hex colors містить комбінацію з 6 кодів кольорів :
HEX: #39adc5, RGB: (57, 173, 197); HEX: #f4ebcc, RGB: (244, 235, 204); HEX: #143c44, RGB: (20, 60, 68)
HEX: #6c8c8d, RGB: (108, 140, 141); HEX: #c5c5b1, RGB: (197, 197, 177); HEX: #3a5856, RGB: (58, 88, 86)
Спрощений варіант палітри кольорів
Відтінок cadetblue, Відтінок cornsilk, Відтінок darkslategrey, Відтінок cadetblue, Відтінок Срібний, Відтінок darkslategrey
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Animation ui design branding hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #39adc5 | #39adc5 | RGB(57, 173, 197) | Moonstone | — |
| #f4ebcc | #f4ebcc | RGB(244, 235, 204) | Champagne | — |
| #143c44 | #143c44 | RGB(20, 60, 68) | MSU Green | — |
| #6c8c8d | #6c8c8d | RGB(108, 140, 141) | Slate Gray | — |
| #c5c5b1 | #c5c5b1 | RGB(197, 197, 177) | Pale Silver | — |
| #3a5856 | #3a5856 | RGB(58, 88, 86) | Dark Slate Gray | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#39adc5 | #6c8c8d | 1.37 |
#39adc5 | #c5c5b1 | 1.5 |
#f4ebcc | #c5c5b1 | 1.46 |
#143c44 | #3a5856 | 1.54 |
Зображення палітри Animation ui design branding hex colors png
Експортувати палітру
Завантажте "Animation ui design branding hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: