Figma bank web ui colours
- Sunset Orange#ee5962
- Light Carmine Pink#f16874
- Jelly Bean Blue#448e8a
- Polished Pine#509d8f
- Silver Pink#c9adb2
- Charcoal#384050
Создано 06/17/2022 09:36
Палитра содержит светлый, полутемный цвета. Акцентные цвета Light Carmine Pink #f16874 и Jelly Bean Blue #448e8a. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #384050 (самый тёмный) до #C9ADB2 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 2 приглушённых и 2 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (3 тёплых, 3 холодных).
HEX-коды (по возрастанию): #384050, #448E8A, #509D8F, #C9ADB2, #EE5962, #F16874
Палитра Figma bank web ui colours содержит комбинацию из 6 кодов цветов:
HEX: #ee5962, RGB: (238, 89, 98); HEX: #f16874, RGB: (241, 104, 116); HEX: #448e8a, RGB: (68, 142, 138)
HEX: #509d8f, RGB: (80, 157, 143); HEX: #c9adb2, RGB: (201, 173, 178); HEX: #384050, RGB: (56, 64, 80)
Упрощенная версия цветов палитры
Светлый оттенок Индийский красный, Тёмный оттенок Светло-коралловый, Светлый оттенок Тёмный циан, Тёмный оттенок Серо-синий, Тёмный оттенок Чертополох, Тёмный оттенок Тёмный аспидно-синий
Цветовая схема создана автором colorswall
Коды цветов в палитре
Figma bank web ui colours коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #ee5962 | #ee5962 | RGB(238, 89, 98) | Sunset Orange | — |
| #f16874 | #f16874 | RGB(241, 104, 116) | Light Carmine Pink | — |
| #448e8a | #448e8a | RGB(68, 142, 138) | Jelly Bean Blue | — |
| #509d8f | #509d8f | RGB(80, 157, 143) | Polished Pine | — |
| #c9adb2 | #c9adb2 | RGB(201, 173, 178) | Silver Pink | — |
| #384050 | #384050 | RGB(56, 64, 80) | Charcoal | — |
Контраст палитры цветов
10 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ee5962 | #f16874 | 1.11 |
#ee5962 | #448e8a | 1.13 |
#ee5962 | #509d8f | 1.05 |
#ee5962 | #c9adb2 | 1.61 |
#f16874 | #448e8a | 1.27 |
#f16874 | #509d8f | 1.06 |
Палитра из изображения Figma bank web ui colours png
Экспорт палитры
Скачайте "Figma bank web ui colours" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: