Створено 07/20/2023 09:02
No code webflow beginner drag and drop
White
#ffffff
Black
#141414
Light Periwinkle
#c8c8dc
Black
#282828
Anti-Flash White
#f0f0f0
Lavender Blossom Grey
#8c8ca0
Палітра містить світлий, темний кольори. Акцентні кольори White #ffffff та Light Periwinkle #c8c8dc. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #141414 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома).
Хроматика зосереджена в одному напрямку відтінку; сірі тони знижують контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #141414, #282828, #8C8CA0, #C8C8DC, #F0F0F0, #FFFFFF
Палітра No code webflow beginner drag and drop містить комбінацію з 6 кодів кольорів :
HEX: #ffffff, RGB: (255, 255, 255); HEX: #141414, RGB: (20, 20, 20); HEX: #c8c8dc, RGB: (200, 200, 220)
HEX: #282828, RGB: (40, 40, 40); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #8c8ca0, RGB: (140, 140, 160)
Спрощений варіант палітри кольорів
Білий, Відтінок Чорний, Відтінок lavender, Відтінок Чорний, Відтінок whitesmoke, Відтінок lightslategrey
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
No code webflow beginner drag and drop коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #c8c8dc | #c8c8dc | RGB(200, 200, 220) | Light Periwinkle | — |
| #282828 | #282828 | RGB(40, 40, 40) | Black | Dire Wolf |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #8c8ca0 | #8c8ca0 | RGB(140, 140, 160) | Lavender Blossom Grey | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffffff | #c8c8dc | 1.64 |
#ffffff | #f0f0f0 | 1.13 |
#141414 | #282828 | 1.24 |
#c8c8dc | #f0f0f0 | 1.44 |
Зображення палітри No code webflow beginner drag and drop png
Експортувати палітру
Завантажте "No code webflow beginner drag and drop" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: