Создано 06/03/2025 08:15
Hover State Optical Drift
- Cyan Button Pulse#60f8ff
- Alert Warm Red#ff6c73
- Interface Soft Violet#d5c3ff
- UI Shell Charcoal#282828
- Lightfield Cream#fffaee
- Signal Green Link#b7ffbe
Палитра содержит светлый, темный цвета. Акцентные цвета Interface Soft Violet #d5c3ff да Lightfield Cream #fffaee. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #282828 (самый тёмный) до #FFFAEE (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #282828, #60F8FF, #B7FFBE, #D5C3FF, #FF6C73, #FFFAEE
Палитра Hover State Optical Drift содержит комбинацию из 6 кодов цветов:
HEX: #60f8ff, RGB: (96, 248, 255); HEX: #ff6c73, RGB: (255, 108, 115); HEX: #d5c3ff, RGB: (213, 195, 255)
HEX: #282828, RGB: (40, 40, 40); HEX: #fffaee, RGB: (255, 250, 238); HEX: #b7ffbe, RGB: (183, 255, 190)
Упрощенная версия цветов палитры
Тень cyan, Оттенок lightcoral, Тень thistle, Тень Черный, Оттенок floralwhite, Тень palegreen
Цветовая схема создана автором coolor
Коды цветов в палитре
Hover State Optical Drift коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #60f8ff | #60f8ff | RGB(96, 248, 255) | Cyan Button Pulse | — |
| #ff6c73 | #ff6c73 | RGB(255, 108, 115) | Alert Warm Red | — |
| #d5c3ff | #d5c3ff | RGB(213, 195, 255) | Interface Soft Violet | — |
| #282828 | #282828 | RGB(40, 40, 40) | UI Shell Charcoal | Dire Wolf |
| #fffaee | #fffaee | RGB(255, 250, 238) | Lightfield Cream | — |
| #b7ffbe | #b7ffbe | RGB(183, 255, 190) | Signal Green Link | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#60f8ff | #d5c3ff | 1.25 |
#60f8ff | #fffaee | 1.23 |
#60f8ff | #b7ffbe | 1.1 |
#ff6c73 | #d5c3ff | 1.71 |
#d5c3ff | #fffaee | 1.54 |
#d5c3ff | #b7ffbe | 1.38 |
Изображение палитры Hover State Optical Drift png
Экспорт палитры
Скачайте "Hover State Optical Drift" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: