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