Створено 03/27/2026 21:20
Hyperlink State UX JS Interaction Palette
- Link Blue#1e90ff
- Visited Purple#6a0dad
- Hover Cyan#00ced1
- Active Red#e63946
- Background White#ffffff
- Text Black#222222
- Divider Gray#ced4da
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Hover Cyan #00ced1 та Active Red #e63946. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #222222 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #00CED1, #1E90FF, #222222, #6A0DAD, #CED4DA, #E63946, #FFFFFF
Палітра Hyperlink State UX JS Interaction Palette містить комбінацію з 7 кодів кольорів :
HEX: #1e90ff, RGB: (30, 144, 255); HEX: #6a0dad, RGB: (106, 13, 173); HEX: #00ced1, RGB: (0, 206, 209)
HEX: #e63946, RGB: (230, 57, 70); HEX: #ffffff, RGB: (255, 255, 255); HEX: #222222, RGB: (34, 34, 34)
HEX: #ced4da, RGB: (206, 212, 218)
Спрощений варіант палітри кольорів
Відтінок indigo, Відтінок crimson, Білий, Відтінок Чорний, Відтінок lightgrey
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Hyperlink State UX JS Interaction Palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #1e90ff | #1e90ff | RGB(30, 144, 255) | Link Blue | Clear Chill |
| #6a0dad | #6a0dad | RGB(106, 13, 173) | Visited Purple | — |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Hover Cyan | Jade Glass |
| #e63946 | #e63946 | RGB(230, 57, 70) | Active Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #222222 | #222222 | RGB(34, 34, 34) | Text Black | Black Out |
| #ced4da | #ced4da | RGB(206, 212, 218) | Divider Gray | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#1e90ff | #00ced1 | 1.65 |
#1e90ff | #e63946 | 1.28 |
#6a0dad | #222222 | 1.72 |
#00ced1 | #ffffff | 1.95 |
#00ced1 | #ced4da | 1.3 |
#ffffff | #ced4da | 1.49 |
Зображення палітри Hyperlink State UX JS Interaction Palette png
Експортувати палітру
Завантажте "Hyperlink State UX JS Interaction Palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: