Створено 06/01/2025 09:45
Creampunk Lite
- UI Banana Tint#fff6c5
- Light Coral UI#ffd2ce
- Skymilk Panel#eaf9ff
- Surface Whitefoam#fdfdfc
- Divider Ashlight#e5e5e5
- Foreground Inkgray#2b2b2b
Палітра містить світлий, темний кольори. Акцентні кольори UI Banana Tint #fff6c5 та Skymilk Panel #eaf9ff. Палітра має температуру кольорів Теплий, Нейтральний.
За світлістю палітра сягає від #2B2B2B (найтемніший) до #FDFDFC (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #2B2B2B, #E5E5E5, #EAF9FF, #FDFDFC, #FFD2CE, #FFF6C5
Палітра Creampunk Lite містить комбінацію з 6 кодів кольорів :
HEX: #fff6c5, RGB: (255, 246, 197); HEX: #ffd2ce, RGB: (255, 210, 206); HEX: #eaf9ff, RGB: (234, 249, 255)
HEX: #fdfdfc, RGB: (253, 253, 252); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #2b2b2b, RGB: (43, 43, 43)
Спрощений варіант палітри кольорів
Відтінок lemonchiffon, Відтінок mistyrose, Відтінок azure, Відтінок Білий, Відтінок gainsboro, Відтінок Чорний
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Creampunk Lite коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fff6c5 | #fff6c5 | RGB(255, 246, 197) | UI Banana Tint | — |
| #ffd2ce | #ffd2ce | RGB(255, 210, 206) | Light Coral UI | — |
| #eaf9ff | #eaf9ff | RGB(234, 249, 255) | Skymilk Panel | — |
| #fdfdfc | #fdfdfc | RGB(253, 253, 252) | Surface Whitefoam | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Divider Ashlight | Gray90 |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Foreground Inkgray | Shoe Wax |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fff6c5 | #ffd2ce | 1.25 |
#fff6c5 | #eaf9ff | 1.01 |
#fff6c5 | #fdfdfc | 1.07 |
#fff6c5 | #e5e5e5 | 1.15 |
#ffd2ce | #eaf9ff | 1.26 |
#ffd2ce | #fdfdfc | 1.34 |
Зображення палітри Creampunk Lite png
Експортувати палітру
Завантажте "Creampunk Lite" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: