Создано 02/02/2023 14:48
Header uiux website learning palette
- Jonquil#f2c112
- Jordy Blue#88c2f7
- Green (Pigment)#10a854
- Forest Green (Crayola)#5eb470
- Pastel Purple#bea1ad
- Police Blue#35596b
Палитра содержит светлый, полутемный цвета. Акцентные цвета Jonquil #f2c112 да Jordy Blue #88c2f7. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #35596B (самый тёмный) до #88C2F7 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #10A854, #35596B, #5EB470, #88C2F7, #BEA1AD, #F2C112
Палитра Header uiux website learning palette содержит комбинацию из 6 кодов цветов:
HEX: #f2c112, RGB: (242, 193, 18); HEX: #88c2f7, RGB: (136, 194, 247); HEX: #10a854, RGB: (16, 168, 84)
HEX: #5eb470, RGB: (94, 180, 112); HEX: #bea1ad, RGB: (190, 161, 173); HEX: #35596b, RGB: (53, 89, 107)
Упрощенная версия цветов палитры
Оттенок gold, Оттенок lightskyblue, Оттенок mediumseagreen, Тень mediumseagreen, Тень rosybrown, Тень darkslategrey
Цветовая схема создана автором hex
Коды цветов в палитре
Header uiux website learning palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #f2c112 | #f2c112 | RGB(242, 193, 18) | Jonquil | — |
| #88c2f7 | #88c2f7 | RGB(136, 194, 247) | Jordy Blue | — |
| #10a854 | #10a854 | RGB(16, 168, 84) | Green (Pigment) | — |
| #5eb470 | #5eb470 | RGB(94, 180, 112) | Forest Green (Crayola) | — |
| #bea1ad | #bea1ad | RGB(190, 161, 173) | Pastel Purple | — |
| #35596b | #35596b | RGB(53, 89, 107) | Police Blue | — |
Контраст палитры цветов
10 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#f2c112 | #88c2f7 | 1.11 |
#f2c112 | #10a854 | 1.83 |
#f2c112 | #5eb470 | 1.5 |
#f2c112 | #bea1ad | 1.39 |
#88c2f7 | #10a854 | 1.64 |
#88c2f7 | #5eb470 | 1.34 |
Изображение палитры Header uiux website learning palette png
Экспорт палитры
Скачайте "Header uiux website learning palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: