Minimal flat design landing page palette
- Gray (HTML/CSS Gray)#7f7f7f
- Gray (X11)#bcbcbc
- Gray#424242
- Nickel#6c6c7c
- Gray#444444
- Goshawk Grey#444444
Створено 04/02/2023 09:04
Палітра містить світлий, напівтемний кольори. Акцентні кольори Gray (X11) #bcbcbc та Nickel #6c6c7c. Палітра має температуру кольорів Нейтральний.
За світлістю палітра сягає від #424242 (найтемніший) до #BCBCBC (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається переважно приглушеною (низька хрома) — 100% кольорів приглушені.
Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.
Більшість зразків читаються як нейтральні за температурою (6 із 6).
HEX-коди (відсортовано): #424242, #444444, #6C6C7C, #7F7F7F, #BCBCBC
Палітра Minimal flat design landing page palette містить комбінацію з 6 кодів кольорів :
HEX: #7f7f7f, RGB: (127, 127, 127); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #424242, RGB: (66, 66, 66)
HEX: #6c6c7c, RGB: (108, 108, 124); HEX: #444444, RGB: (68, 68, 68); HEX: #444444, RGB: (68, 68, 68)
Спрощений варіант палітри кольорів
Темний відтінок Сірий, Темний відтінок Срібний, Темний відтінок Темний сланцево-сірий, Світлий відтінок Тьмяно-сірий, Темний відтінок Тьмяно-сірий, Темний відтінок Тьмяно-сірий
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Minimal flat design landing page palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #7f7f7f | #7f7f7f | RGB(127, 127, 127) | Gray (HTML/CSS Gray) | Gray50 |
| #bcbcbc | #bcbcbc | RGB(188, 188, 188) | Gray (X11) | — |
| #424242 | #424242 | RGB(66, 66, 66) | Gray | Black Panther |
| #6c6c7c | #6c6c7c | RGB(108, 108, 124) | Nickel | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
| #444444 | #444444 | RGB(68, 68, 68) | Goshawk Grey | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#7f7f7f | #6c6c7c | 1.28 |
#424242 | #6c6c7c | 1.94 |
#424242 | #444444 | 1.03 |
#424242 | #444444 | 1.03 |
#6c6c7c | #444444 | 1.88 |
#6c6c7c | #444444 | 1.88 |
Палітра із зображення Minimal flat design landing page palette png
Експортувати палітру
Завантажте "Minimal flat design landing page palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: