Створено 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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: