Створено 02/05/2022 16:50
Design figma website ui colours
- Blue (RYB)#0950f2
- Cornflower Blue#7798ed
- Violin Brown#624a06
- Antique Fuchsia#94657a
- Opera Mauve#bc85a4
- Temptress#351c28
Палітра містить світлий, темний кольори. Акцентні кольори Blue (RYB) #0950f2 та Violin Brown #624a06. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #351C28 (найтемніший) до #7798ED (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #0950F2, #351C28, #624A06, #7798ED, #94657A, #BC85A4
Палітра Design figma website ui colours містить комбінацію з 6 кодів кольорів :
HEX: #0950f2, RGB: (9, 80, 242); HEX: #7798ed, RGB: (119, 152, 237); HEX: #624a06, RGB: (98, 74, 6)
HEX: #94657a, RGB: (148, 101, 122); HEX: #bc85a4, RGB: (188, 133, 164); HEX: #351c28, RGB: (53, 28, 40)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок cornflowerblue, Відтінок saddlebrown, Відтінок palevioletred, Відтінок palevioletred, Відтінок Чорний
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Design figma website ui colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #0950f2 | #0950f2 | RGB(9, 80, 242) | Blue (RYB) | — |
| #7798ed | #7798ed | RGB(119, 152, 237) | Cornflower Blue | — |
| #624a06 | #624a06 | RGB(98, 74, 6) | Violin Brown | — |
| #94657a | #94657a | RGB(148, 101, 122) | Antique Fuchsia | — |
| #bc85a4 | #bc85a4 | RGB(188, 133, 164) | Opera Mauve | — |
| #351c28 | #351c28 | RGB(53, 28, 40) | Temptress | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#0950f2 | #624a06 | 1.37 |
#0950f2 | #94657a | 1.27 |
#7798ed | #94657a | 1.7 |
#7798ed | #bc85a4 | 1.06 |
#624a06 | #94657a | 1.75 |
#624a06 | #351c28 | 1.85 |
Зображення палітри Design figma website ui colours png
Експортувати палітру
Завантажте "Design figma website ui colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: