Створено 08/12/2022 14:47
Site web-design color layout palette
- Gray (HTML/CSS Gray)#7f7f7f
- Gray (X11)#bcbcbc
- Gray#424242
- Gray (HTML/CSS Gray)#7c7c84
- Philippine Silver#b4b4b4
- Outer Space#434444
Палітра містить світлий кольори. Акцентні кольори Gray (X11) #bcbcbc та Gray (HTML/CSS Gray) #7c7c84. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #424242 (найтемніший) до #BCBCBC (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається переважно приглушеною (низька хрома) — 100% кольорів приглушені.
Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.
Більшість зразків читаються як нейтральні за температурою (5 із 6).
HEX-коди (відсортовано): #424242, #434444, #7C7C84, #7F7F7F, #B4B4B4, #BCBCBC
Палітра Site web-design color layout palette містить комбінацію з 6 кодів кольорів :
HEX: #7f7f7f, RGB: (127, 127, 127); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #424242, RGB: (66, 66, 66)
HEX: #7c7c84, RGB: (124, 124, 132); HEX: #b4b4b4, RGB: (180, 180, 180); HEX: #434444, RGB: (67, 68, 68)
Спрощений варіант палітри кольорів
Відтінок Сірий, Відтінок Срібний, Відтінок darkslategrey, Відтінок Сірий, Відтінок darkgrey, Відтінок dimgrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Site web-design color layout 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 |
| #7c7c84 | #7c7c84 | RGB(124, 124, 132) | Gray (HTML/CSS Gray) | — |
| #b4b4b4 | #b4b4b4 | RGB(180, 180, 180) | Philippine Silver | — |
| #434444 | #434444 | RGB(67, 68, 68) | Outer Space | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#7f7f7f | #7c7c84 | 1.03 |
#7f7f7f | #b4b4b4 | 1.93 |
#bcbcbc | #b4b4b4 | 1.09 |
#424242 | #434444 | 1.02 |
#7c7c84 | #b4b4b4 | 1.99 |
Зображення палітри Site web-design color layout palette png
Експортувати палітру
Завантажте "Site web-design color layout palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: