Створено 02/08/2023 09:25
Header design figma landing page colors palette
- Yellow Orange#fcb73c
- Cornflower Blue#6491f9
- St. Patrick's Blue#182f76
- Bronze (Metallic)#ae845f
- Maximum Blue Purple#aab4da
- Yankees Blue#232c43
Палітра містить світлий, темний кольори. Акцентні кольори Yellow Orange #fcb73c та Cornflower Blue #6491f9. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #232C43 (найтемніший) до #AAB4DA (найсвітліший). Діапазон світлості широкий.
Насиченість у середньому діапазоні.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #182F76, #232C43, #6491F9, #AAB4DA, #AE845F, #FCB73C
Палітра Header design figma landing page colors palette містить комбінацію з 6 кодів кольорів :
HEX: #fcb73c, RGB: (252, 183, 60); HEX: #6491f9, RGB: (100, 145, 249); HEX: #182f76, RGB: (24, 47, 118)
HEX: #ae845f, RGB: (174, 132, 95); HEX: #aab4da, RGB: (170, 180, 218); HEX: #232c43, RGB: (35, 44, 67)
Спрощений варіант палітри кольорів
Відтінок Помаранчевий, Відтінок cornflowerblue, Відтінок midnightblue, Відтінок peru, Відтінок lightsteelblue, Відтінок midnightblue
Кольорова схема створена автором colorhunt
Більше палітр з:
Коди кольорів у палітрі
Header design figma landing page colors palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fcb73c | #fcb73c | RGB(252, 183, 60) | Yellow Orange | — |
| #6491f9 | #6491f9 | RGB(100, 145, 249) | Cornflower Blue | — |
| #182f76 | #182f76 | RGB(24, 47, 118) | St. Patrick's Blue | — |
| #ae845f | #ae845f | RGB(174, 132, 95) | Bronze (Metallic) | — |
| #aab4da | #aab4da | RGB(170, 180, 218) | Maximum Blue Purple | — |
| #232c43 | #232c43 | RGB(35, 44, 67) | Yankees Blue | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fcb73c | #6491f9 | 1.72 |
#fcb73c | #ae845f | 1.91 |
#fcb73c | #aab4da | 1.16 |
#6491f9 | #ae845f | 1.11 |
#6491f9 | #aab4da | 1.47 |
#182f76 | #232c43 | 1.12 |
Зображення палітри Header design figma landing page colors palette png
Експортувати палітру
Завантажте "Header design figma landing page colors palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: