Webdesign developement interactions figma hex colors
- Blue (Crayola)#145cf2
- Corn#f8ed60
- Golden Brown#9a5817
- Bronze (Metallic)#a09861
- Silver Pink#ceabb8
- Deep Moss Green#365634
Створено 03/05/2022 18:44
Палітра містить напівтемний, світлий кольори. Акцентні кольори Blue (Crayola) #145cf2 та Corn #f8ed60. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #365634 (найтемніший) до #F8ED60 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (4 із 6).
HEX-коди (відсортовано): #145CF2, #365634, #9A5817, #A09861, #CEABB8, #F8ED60
Палітра Webdesign developement interactions figma hex colors містить комбінацію з 6 кодів кольорів :
HEX: #145cf2, RGB: (20, 92, 242); HEX: #f8ed60, RGB: (248, 237, 96); HEX: #9a5817, RGB: (154, 88, 23)
HEX: #a09861, RGB: (160, 152, 97); HEX: #ceabb8, RGB: (206, 171, 184); HEX: #365634, RGB: (54, 86, 52)
Спрощений варіант палітри кольорів
Темний відтінок Королівський синій, Світлий відтінок Хакі, Світлий відтінок Сідельний коричневий, Темний відтінок Темний хакі, Темний відтінок Будяк, Темний відтінок Темно-оливковий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Webdesign developement interactions figma hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #145cf2 | #145cf2 | RGB(20, 92, 242) | Blue (Crayola) | — |
| #f8ed60 | #f8ed60 | RGB(248, 237, 96) | Corn | — |
| #9a5817 | #9a5817 | RGB(154, 88, 23) | Golden Brown | — |
| #a09861 | #a09861 | RGB(160, 152, 97) | Bronze (Metallic) | — |
| #ceabb8 | #ceabb8 | RGB(206, 171, 184) | Silver Pink | — |
| #365634 | #365634 | RGB(54, 86, 52) | Deep Moss Green | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#145cf2 | #9a5817 | 1.01 |
#145cf2 | #a09861 | 1.86 |
#145cf2 | #365634 | 1.51 |
#f8ed60 | #ceabb8 | 1.7 |
#9a5817 | #a09861 | 1.89 |
#9a5817 | #365634 | 1.49 |
Палітра із зображення Webdesign developement interactions figma hex colors png
Експортувати палітру
Завантажте "Webdesign developement interactions figma hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: