Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: