Создано 06/30/2025 17:15
Form Builder Interface UX
- Field Fog#f5f5f5
- Input Indigo#6366f1
- Select Teal#14b8a6
- Label Blush#ffe0e0
- Focus Graphite#2e2e2e
- Validation Lime#a3f7b5
Палитра содержит светлый, темный цвета. Акцентные цвета Label Blush #ffe0e0 да Validation Lime #a3f7b5. Палитра имеет цветовую температуру Нейтральный, Холодный.
По светлоте палитра тянется от #2E2E2E (самый тёмный) до #F5F5F5 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #14B8A6, #2E2E2E, #6366F1, #A3F7B5, #F5F5F5, #FFE0E0
Палитра Form Builder Interface UX содержит комбинацию из 6 кодов цветов:
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #6366f1, RGB: (99, 102, 241); HEX: #14b8a6, RGB: (20, 184, 166)
HEX: #ffe0e0, RGB: (255, 224, 224); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #a3f7b5, RGB: (163, 247, 181)
Упрощенная версия цветов палитры
Оттенок mediumslateblue, Оттенок lightseagreen, Оттенок mistyrose, Тень Черный, Тень lightgreen
Цветовая схема создана автором colorstudio
Коды цветов в палитре
Form Builder Interface UX коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Field Fog | White Smoke |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Input Indigo | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Select Teal | — |
| #ffe0e0 | #ffe0e0 | RGB(255, 224, 224) | Label Blush | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Focus Graphite | Carbon Fiber |
| #a3f7b5 | #a3f7b5 | RGB(163, 247, 181) | Validation Lime | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#f5f5f5 | #ffe0e0 | 1.13 |
#f5f5f5 | #a3f7b5 | 1.16 |
#6366f1 | #14b8a6 | 1.79 |
#14b8a6 | #a3f7b5 | 1.95 |
#ffe0e0 | #a3f7b5 | 1.02 |
Изображение палитры Form Builder Interface UX png
Экспорт палитры
Скачайте "Form Builder Interface UX" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: