Створено 06/26/2025 08:38
Modular Web Component Grid
Frame Cream
#fef9c3
Slot Graphite
#0f172a
Import Rose
#f43f5e
Bundle Lavender
#c4b5fd
Token Beige
#f5f5f4
Map Mint
#4ade80
Палітра містить світлий, темний кольори. Акцентні кольори Frame Cream #fef9c3 та Bundle Lavender #c4b5fd. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
Палітра Modular Web Component Grid містить комбінацію з 6 кодів кольорів :
HEX: #fef9c3, RGB: (254, 249, 195); HEX: #0f172a, RGB: (15, 23, 42); HEX: #f43f5e, RGB: (244, 63, 94)
HEX: #c4b5fd, RGB: (196, 181, 253); HEX: #f5f5f4, RGB: (245, 245, 244); HEX: #4ade80, RGB: (74, 222, 128)
Спрощений варіант палітри кольорів
Відтінок lemonchiffon, Відтінок Чорний, Відтінок indianred, Відтінок lightsteelblue, Відтінок whitesmoke, Відтінок mediumspringgreen
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Modular Web Component Grid коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Frame Cream | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Slot Graphite | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Import Rose | — |
| #c4b5fd | #c4b5fd | RGB(196, 181, 253) | Bundle Lavender | — |
| #f5f5f4 | #f5f5f4 | RGB(245, 245, 244) | Token Beige | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Map Mint | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fef9c3 | #c4b5fd | 1.71 |
#fef9c3 | #f5f5f4 | 1.01 |
#fef9c3 | #4ade80 | 1.62 |
#f43f5e | #c4b5fd | 1.98 |
#c4b5fd | #f5f5f4 | 1.69 |
#c4b5fd | #4ade80 | 1.05 |
