Headless CMS Web Kit
- Content Blue Mist#c3dfff
- Schema Light Gold#fff5b0
- Asset Dust Gray#e2e3e6
- Slug Ink Black#111213
- UI Block Rose#ffadbc
- Query Card White#fdfdfd
Создано 06/24/2025 17:29
Палитра содержит светлый, темный цвета. Акцентные цвета Content Blue Mist #c3dfff и Schema Light Gold #fff5b0. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #111213 (самый тёмный) до #FDFDFD (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону тёплого (2 из 6).
HEX-коды (по возрастанию): #111213, #C3DFFF, #E2E3E6, #FDFDFD, #FFADBC, #FFF5B0
Палитра Headless CMS Web Kit содержит комбинацию из 6 кодов цветов:
HEX: #c3dfff, RGB: (195, 223, 255); HEX: #fff5b0, RGB: (255, 245, 176); HEX: #e2e3e6, RGB: (226, 227, 230)
HEX: #111213, RGB: (17, 18, 19); HEX: #ffadbc, RGB: (255, 173, 188); HEX: #fdfdfd, RGB: (253, 253, 253)
Упрощенная версия цветов палитры
Светлый оттенок Светлый стальной синий, Светлый оттенок Бледно-золотистый, Светлый оттенок Гейнсборо, Светлый оттенок Черный, Тёмный оттенок Светло-розовый, Тёмный оттенок Белый
Цветовая схема создана автором hex
Коды цветов в палитре
Headless CMS Web Kit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #c3dfff | #c3dfff | RGB(195, 223, 255) | Content Blue Mist | — |
| #fff5b0 | #fff5b0 | RGB(255, 245, 176) | Schema Light Gold | — |
| #e2e3e6 | #e2e3e6 | RGB(226, 227, 230) | Asset Dust Gray | — |
| #111213 | #111213 | RGB(17, 18, 19) | Slug Ink Black | — |
| #ffadbc | #ffadbc | RGB(255, 173, 188) | UI Block Rose | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Query Card White | Brilliance |
Контраст палитры цветов
10 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#c3dfff | #fff5b0 | 1.23 |
#c3dfff | #e2e3e6 | 1.06 |
#c3dfff | #ffadbc | 1.28 |
#c3dfff | #fdfdfd | 1.34 |
#fff5b0 | #e2e3e6 | 1.15 |
#fff5b0 | #ffadbc | 1.58 |
Палитра из изображения Headless CMS Web Kit png
Экспорт палитры
Скачайте "Headless CMS Web Kit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: