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