Создано 02/05/2023 16:19
Website ux interface ui colors
- Old Rose#c77e6f
- Buff#f2d98a
- Rich Black (FOGRA29)#04131f
- Deep Puce#a45f6a
- Light Pastel Purple#af93c9
- Royal Brown#543434
Палитра содержит светлый, темный цвета. Акцентные цвета Buff #f2d98a да Rich Black (FOGRA29) #04131f. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.
По светлоте палитра тянется от #04131F (самый тёмный) до #F2D98A (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #04131F, #543434, #A45F6A, #AF93C9, #C77E6F, #F2D98A
Палитра Website ux interface ui colors содержит комбинацию из 6 кодов цветов:
HEX: #c77e6f, RGB: (199, 126, 111); HEX: #f2d98a, RGB: (242, 217, 138); HEX: #04131f, RGB: (4, 19, 31)
HEX: #a45f6a, RGB: (164, 95, 106); HEX: #af93c9, RGB: (175, 147, 201); HEX: #543434, RGB: (84, 52, 52)
Упрощенная версия цветов палитры
Оттенок lightcoral, Оттенок хаки, Тень Черный, Оттенок indianred, Оттенок plum, Тень Бордовый
Цветовая схема создана автором hex
Коды цветов в палитре
Website ux interface ui colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #c77e6f | #c77e6f | RGB(199, 126, 111) | Old Rose | — |
| #f2d98a | #f2d98a | RGB(242, 217, 138) | Buff | — |
| #04131f | #04131f | RGB(4, 19, 31) | Rich Black (FOGRA29) | — |
| #a45f6a | #a45f6a | RGB(164, 95, 106) | Deep Puce | — |
| #af93c9 | #af93c9 | RGB(175, 147, 201) | Light Pastel Purple | — |
| #543434 | #543434 | RGB(84, 52, 52) | Royal Brown | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#c77e6f | #a45f6a | 1.5 |
#c77e6f | #af93c9 | 1.18 |
#f2d98a | #af93c9 | 1.92 |
#04131f | #543434 | 1.71 |
#a45f6a | #af93c9 | 1.77 |
Изображение палитры Website ux interface ui colors png
Экспорт палитры
Скачайте "Website ux interface ui colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: