Web Form Logic Patterns
- Field Lavender#ddd6fe
- Submit Green#22c55e
- Placeholder Fog#e5e7eb
- Focus Border#3b82f6
- Tooltip Navy#1e293b
- Backdrop Cream#fdf2f8
Создано 06/25/2025 20:31
Палитра содержит светлый, темный цвета. Акцентные цвета Field Lavender #ddd6fe и Focus Border #3b82f6. Палитра имеет цветовую температуру Холодный, Нейтральный.
По светлоте палитра тянется от #1E293B (самый тёмный) до #FDF2F8 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #1E293B, #22C55E, #3B82F6, #DDD6FE, #E5E7EB, #FDF2F8
Палитра Web Form Logic Patterns содержит комбинацию из 6 кодов цветов:
HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #22c55e, RGB: (34, 197, 94); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #1e293b, RGB: (30, 41, 59); HEX: #fdf2f8, RGB: (253, 242, 248)
Упрощенная версия цветов палитры
Тёмный оттенок Лавандовый, Тёмный оттенок Зелёный лайм, Светлый оттенок Гейнсборо, Тёмный оттенок Защитно-синий, Светлый оттенок Полуночно-синий, Светлый оттенок Лавандовый румянец
Цветовая схема создана автором colorslib
Коды цветов в палитре
Web Form Logic Patterns коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #ddd6fe | #ddd6fe | RGB(221, 214, 254) | Field Lavender | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Submit Green | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Placeholder Fog | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Focus Border | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Tooltip Navy | — |
| #fdf2f8 | #fdf2f8 | RGB(253, 242, 248) | Backdrop Cream | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ddd6fe | #22c55e | 1.64 |
#ddd6fe | #e5e7eb | 1.12 |
#ddd6fe | #fdf2f8 | 1.27 |
#22c55e | #e5e7eb | 1.84 |
#22c55e | #3b82f6 | 1.61 |
#e5e7eb | #fdf2f8 | 1.13 |
Палитра из изображения Web Form Logic Patterns png
Экспорт палитры
Скачайте "Web Form Logic Patterns" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: