Создано 07/08/2025 20:07
Retrofuture Web Component Lab
- Tape Yellow#ffd23f
- Form Pink#ffcad4
- Pixel Aqua#70d6ff
- Retro Gray#a0a0a0
- UI Card Navy#253237
- Cursor White#fafafa
Палитра содержит светлый, темный цвета. Акцентные цвета Form Pink #ffcad4 да Pixel Aqua #70d6ff. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.
По светлоте палитра тянется от #253237 (самый тёмный) до #FAFAFA (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #253237, #70D6FF, #A0A0A0, #FAFAFA, #FFCAD4, #FFD23F
Палитра Retrofuture Web Component Lab содержит комбинацию из 6 кодов цветов:
HEX: #ffd23f, RGB: (255, 210, 63); HEX: #ffcad4, RGB: (255, 202, 212); HEX: #70d6ff, RGB: (112, 214, 255)
HEX: #a0a0a0, RGB: (160, 160, 160); HEX: #253237, RGB: (37, 50, 55); HEX: #fafafa, RGB: (250, 250, 250)
Упрощенная версия цветов палитры
Тень gold, Тень Розовый, Тень skyblue, Оттенок darkgrey, Оттенок darkslategrey, Тень whitesmoke
Цветовая схема создана автором colorscheme
Коды цветов в палитре
Retrofuture Web Component Lab коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Tape Yellow | — |
| #ffcad4 | #ffcad4 | RGB(255, 202, 212) | Form Pink | — |
| #70d6ff | #70d6ff | RGB(112, 214, 255) | Pixel Aqua | — |
| #a0a0a0 | #a0a0a0 | RGB(160, 160, 160) | Retro Gray | — |
| #253237 | #253237 | RGB(37, 50, 55) | UI Card Navy | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Cursor White | Dr. White |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ffd23f | #ffcad4 | 1 |
#ffd23f | #70d6ff | 1.14 |
#ffd23f | #a0a0a0 | 1.81 |
#ffd23f | #fafafa | 1.38 |
#ffcad4 | #70d6ff | 1.14 |
#ffcad4 | #a0a0a0 | 1.82 |
Изображение палитры Retrofuture Web Component Lab png
Экспорт палитры
Скачайте "Retrofuture Web Component Lab" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: