Создано 07/10/2025 08:47
Reactive Component Design Language
- Observer Navy#1e3a8a
- Mutation Coral#f67280
- Trigger Mint#a6f6d5
- Render Frost#eef2f5
- Hook Violet#b388eb
- Fiber Slate#475569
Палитра содержит светлый, полутемный цвета. Акцентные цвета Mutation Coral #f67280 да Trigger Mint #a6f6d5. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #1E3A8A (самый тёмный) до #EEF2F5 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1E3A8A, #475569, #A6F6D5, #B388EB, #EEF2F5, #F67280
Палитра Reactive Component Design Language содержит комбинацию из 6 кодов цветов:
HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #f67280, RGB: (246, 114, 128); HEX: #a6f6d5, RGB: (166, 246, 213)
HEX: #eef2f5, RGB: (238, 242, 245); HEX: #b388eb, RGB: (179, 136, 235); HEX: #475569, RGB: (71, 85, 105)
Упрощенная версия цветов палитры
Оттенок darkslateblue, Оттенок lightcoral, Тень aquamarine, Оттенок aliceblue, Тень mediumpurple, Тень darkslateblue
Цветовая схема создана автором colorscheme
Больше палитр с:
Коды цветов в палитре
Reactive Component Design Language коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Observer Navy | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Mutation Coral | — |
| #a6f6d5 | #a6f6d5 | RGB(166, 246, 213) | Trigger Mint | — |
| #eef2f5 | #eef2f5 | RGB(238, 242, 245) | Render Frost | — |
| #b388eb | #b388eb | RGB(179, 136, 235) | Hook Violet | — |
| #475569 | #475569 | RGB(71, 85, 105) | Fiber Slate | — |
Контраст палитры цветов
3 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#1e3a8a | #475569 | 1.36 |
#f67280 | #b388eb | 1 |
#a6f6d5 | #eef2f5 | 1.11 |
Изображение палитры Reactive Component Design Language png
Экспорт палитры
Скачайте "Reactive Component Design Language" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: