Создано 03/05/2023 14:43
Product design web app website typography colors
- Deep Carmine Pink#f93a23
- Peach-Orange#fcb99c
- Licorice#200a0e
- Gray (HTML/CSS Gray)#7c7c7c
- Columbia Blue#ccd4e4
- Gray#444444
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Deep Carmine Pink #f93a23 да Columbia Blue #ccd4e4. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.
По светлоте палитра тянется от #200A0E (самый тёмный) до #CCD4E4 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #200A0E, #444444, #7C7C7C, #CCD4E4, #F93A23, #FCB99C
Палитра Product design web app website typography colors содержит комбинацию из 6 кодов цветов:
HEX: #f93a23, RGB: (249, 58, 35); HEX: #fcb99c, RGB: (252, 185, 156); HEX: #200a0e, RGB: (32, 10, 14)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #ccd4e4, RGB: (204, 212, 228); HEX: #444444, RGB: (68, 68, 68)
Упрощенная версия цветов палитры
Тень Красный, Тень lightsalmon, Тень Черный, Оттенок Серый, Тень lightsteelblue, Оттенок dimgrey
Цветовая схема создана автором raccoon
Коды цветов в палитре
Product design web app website typography colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #f93a23 | #f93a23 | RGB(249, 58, 35) | Deep Carmine Pink | — |
| #fcb99c | #fcb99c | RGB(252, 185, 156) | Peach-Orange | — |
| #200a0e | #200a0e | RGB(32, 10, 14) | Licorice | — |
| #7c7c7c | #7c7c7c | RGB(124, 124, 124) | Gray (HTML/CSS Gray) | — |
| #ccd4e4 | #ccd4e4 | RGB(204, 212, 228) | Columbia Blue | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Контраст палитры цветов
3 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#f93a23 | #7c7c7c | 1.12 |
#fcb99c | #ccd4e4 | 1.12 |
#200a0e | #444444 | 1.94 |
Изображение палитры Product design web app website typography colors png
Экспорт палитры
Скачайте "Product design web app website typography colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: