Создано 08/18/2025 08:34
Generative Design Webflow Spectrum
- Render Indigo#4f46e5
- Prototype Coral#fb7185
- Canvas White#f9fafb
- Vector Yellow#facc15
- Node Green#22c55e
- Hyperlink Blue#3b82f6
- Terminal Black#111827
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Vector Yellow #facc15 да Hyperlink Blue #3b82f6. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #111827 (самый тёмный) до #F9FAFB (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #111827, #22C55E, #3B82F6, #4F46E5, #F9FAFB, #FACC15, #FB7185
Палитра Generative Design Webflow Spectrum содержит комбинацию из 7 кодов цветов:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f9fafb, RGB: (249, 250, 251)
HEX: #facc15, RGB: (250, 204, 21); HEX: #22c55e, RGB: (34, 197, 94); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #111827, RGB: (17, 24, 39)
Упрощенная версия цветов палитры
Оттенок slateblue, Оттенок lightcoral, Тень whitesmoke, Оттенок gold, Оттенок limegreen, Оттенок dodgerblue, Тень Черный
Цветовая схема создана автором palettespicker
Коды цветов в палитре
Generative Design Webflow Spectrum коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Render Indigo | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Prototype Coral | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Canvas White | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Vector Yellow | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Node Green | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hyperlink Blue | — |
| #111827 | #111827 | RGB(17, 24, 39) | Terminal Black | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#4f46e5 | #3b82f6 | 1.7 |
#fb7185 | #facc15 | 1.75 |
#fb7185 | #22c55e | 1.18 |
#fb7185 | #3b82f6 | 1.36 |
#f9fafb | #facc15 | 1.46 |
#facc15 | #22c55e | 1.48 |
Изображение палитры Generative Design Webflow Spectrum png
Экспорт палитры
Скачайте "Generative Design Webflow Spectrum" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: