Создано 02/08/2023 15:22
Interface product ux components hex colors
- Coyote Brown#845c3c
- Powder Blue#bee3ec
- Brown-Nose#6c4c24
- Rackley#5c8c9c
- Pastel Gray#d6d8bd
- Police Blue#344c5d
Палитра содержит полутемный, светлый цвета. Акцентные цвета Powder Blue #bee3ec да Brown-Nose #6c4c24. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #6C4C24 (самый тёмный) до #BEE3EC (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #344C5D, #5C8C9C, #6C4C24, #845C3C, #BEE3EC, #D6D8BD
Палитра Interface product ux components hex colors содержит комбинацию из 6 кодов цветов:
HEX: #845c3c, RGB: (132, 92, 60); HEX: #bee3ec, RGB: (190, 227, 236); HEX: #6c4c24, RGB: (108, 76, 36)
HEX: #5c8c9c, RGB: (92, 140, 156); HEX: #d6d8bd, RGB: (214, 216, 189); HEX: #344c5d, RGB: (52, 76, 93)
Упрощенная версия цветов палитры
Оттенок sienna, Тень lightblue, Оттенок saddlebrown, Оттенок cadetblue, Оттенок beige, Тень darkslategrey
Цветовая схема создана автором raccoon
Коды цветов в палитре
Interface product ux components hex colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #845c3c | #845c3c | RGB(132, 92, 60) | Coyote Brown | — |
| #bee3ec | #bee3ec | RGB(190, 227, 236) | Powder Blue | — |
| #6c4c24 | #6c4c24 | RGB(108, 76, 36) | Brown-Nose | — |
| #5c8c9c | #5c8c9c | RGB(92, 140, 156) | Rackley | — |
| #d6d8bd | #d6d8bd | RGB(214, 216, 189) | Pastel Gray | — |
| #344c5d | #344c5d | RGB(52, 76, 93) | Police Blue | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#845c3c | #6c4c24 | 1.32 |
#845c3c | #5c8c9c | 1.58 |
#845c3c | #344c5d | 1.53 |
#bee3ec | #d6d8bd | 1.06 |
#6c4c24 | #344c5d | 1.15 |
Изображение палитры Interface product ux components hex colors png
Экспорт палитры
Скачайте "Interface product ux components hex colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: