AI-Driven Webflow Template
- Neural Lime#c7f464
- Template White#fcfcfc
- Sync Orchid#da9ff9
- Hover Coal#1f1f1f
- Block Mint#00f5d4
- Behavior Peach#ffbcb3
Створено 06/20/2025 17:04
Палітра містить світлий, темний кольори. Акцентні кольори Block Mint #00f5d4 та Behavior Peach #ffbcb3. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1F1F1F (найтемніший) до #FCFCFC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #00F5D4, #1F1F1F, #C7F464, #DA9FF9, #FCFCFC, #FFBCB3
Палітра AI-Driven Webflow Template містить комбінацію з 6 кодів кольорів :
HEX: #c7f464, RGB: (199, 244, 100); HEX: #fcfcfc, RGB: (252, 252, 252); HEX: #da9ff9, RGB: (218, 159, 249)
HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #00f5d4, RGB: (0, 245, 212); HEX: #ffbcb3, RGB: (255, 188, 179)
Спрощений варіант палітри кольорів
Світлий відтінок Зелено-жовтий, Темний відтінок Білий, Світлий відтінок Сливовий, Світлий відтінок Чорний, Темний відтінок Аквамариновий, Світлий відтінок Світло-рожевий
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
AI-Driven Webflow Template коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #c7f464 | #c7f464 | RGB(199, 244, 100) | Neural Lime | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Template White | Gray99 |
| #da9ff9 | #da9ff9 | RGB(218, 159, 249) | Sync Orchid | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Hover Coal | Gray12 |
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | Block Mint | — |
| #ffbcb3 | #ffbcb3 | RGB(255, 188, 179) | Behavior Peach | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#c7f464 | #fcfcfc | 1.23 |
#c7f464 | #da9ff9 | 1.6 |
#c7f464 | #00f5d4 | 1.1 |
#c7f464 | #ffbcb3 | 1.26 |
#fcfcfc | #da9ff9 | 1.98 |
#fcfcfc | #00f5d4 | 1.36 |
Палітра із зображення AI-Driven Webflow Template png
Експортувати палітру
Завантажте "AI-Driven Webflow Template" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: