Створено 06/26/2025 08:41
Web Performance Visual Kit
- Speed Lime#a3e635
- Lag Blush#fbcfe8
- Cache Black#0f172a
- CDN Sky#60a5fa
- Audit Cream#fdf6ec
- Render Gray#d1d5db
- Load Time Pink#f472b6
Палітра містить світлий, темний кольори. Акцентні кольори CDN Sky #60a5fa та Audit Cream #fdf6ec. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #0F172A (найтемніший) до #FDF6EC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0F172A, #60A5FA, #A3E635, #D1D5DB, #F472B6, #FBCFE8, #FDF6EC
Палітра Web Performance Visual Kit містить комбінацію з 7 кодів кольорів :
HEX: #a3e635, RGB: (163, 230, 53); HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42)
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #d1d5db, RGB: (209, 213, 219)
HEX: #f472b6, RGB: (244, 114, 182)
Спрощений варіант палітри кольорів
Відтінок Жовтозелений, Відтінок thistle, Відтінок Чорний, Відтінок cornflowerblue, Відтінок floralwhite, Відтінок lightgrey, Відтінок hotpink
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Web Performance Visual Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #a3e635 | #a3e635 | RGB(163, 230, 53) | Speed Lime | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Lag Blush | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Cache Black | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | CDN Sky | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Audit Cream | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Render Gray | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Load Time Pink | — |
Контраст палітри кольорів
13 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#a3e635 | #fbcfe8 | 1.09 |
#a3e635 | #60a5fa | 1.68 |
#a3e635 | #fdf6ec | 1.4 |
#a3e635 | #d1d5db | 1.02 |
#a3e635 | #f472b6 | 1.75 |
#fbcfe8 | #60a5fa | 1.83 |
Зображення палітри Web Performance Visual Kit png
Експортувати палітру
Завантажте "Web Performance Visual Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: