Ui animation landing page design hex colors
- Medium Sea Green#3cac6c
- Pale Robin Egg Blue#90efc7
- Sea Green#34945c
- Polished Pine#60a786
- Opal#a7c5bc
- Gray-Asparagus#3b684c
Створено 10/22/2022 10:25
Палітра містить світлий, напівтемний кольори. Акцентні кольори Medium Sea Green #3cac6c та Pale Robin Egg Blue #90efc7. Палітра має температуру кольорів Холодний.
За світлістю палітра сягає від #3B684C (найтемніший) до #90EFC7 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 2 приглушених і 1 яскравих із 6 кольорів.
Аналогова палітра: відтінки розташовані поруч на колірному колі, в межах близько 19°.
Загалом температура зміщена в бік холодного (6 із 6).
HEX-коди (відсортовано): #34945C, #3B684C, #3CAC6C, #60A786, #90EFC7, #A7C5BC
Палітра Ui animation landing page design hex colors містить комбінацію з 6 кодів кольорів :
HEX: #3cac6c, RGB: (60, 172, 108); HEX: #90efc7, RGB: (144, 239, 199); HEX: #34945c, RGB: (52, 148, 92)
HEX: #60a786, RGB: (96, 167, 134); HEX: #a7c5bc, RGB: (167, 197, 188); HEX: #3b684c, RGB: (59, 104, 76)
Спрощений варіант палітри кольорів
Темний відтінок Помірний морський зелений, Темний відтінок Аквамариновий, Світлий відтінок Морський зелений, Світлий відтінок Помірний морський зелений, Темний відтінок Пудрово-блакитний, Темний відтінок Темно-оливковий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ui animation landing page design hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #3cac6c | #3cac6c | RGB(60, 172, 108) | Medium Sea Green | — |
| #90efc7 | #90efc7 | RGB(144, 239, 199) | Pale Robin Egg Blue | — |
| #34945c | #34945c | RGB(52, 148, 92) | Sea Green | — |
| #60a786 | #60a786 | RGB(96, 167, 134) | Polished Pine | — |
| #a7c5bc | #a7c5bc | RGB(167, 197, 188) | Opal | — |
| #3b684c | #3b684c | RGB(59, 104, 76) | Gray-Asparagus | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#3cac6c | #34945c | 1.32 |
#3cac6c | #60a786 | 1 |
#3cac6c | #a7c5bc | 1.55 |
#90efc7 | #a7c5bc | 1.35 |
#34945c | #60a786 | 1.33 |
#34945c | #3b684c | 1.69 |
Палітра із зображення Ui animation landing page design hex colors png
Експортувати палітру
Завантажте "Ui animation landing page design hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: