Створено 02/22/2023 19:50
Icon ux development web colors
- Urobilin#e4bc24
- Salmon#fb7c74
- American Blue#2c3c74
- Liberty#605aa1
- Light Steel Blue#bcc0e0
- Arsenic#3c344c
Палітра містить світлий, напівтемний кольори. Акцентні кольори Salmon #fb7c74 та American Blue #2c3c74. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #3C344C (найтемніший) до #BCC0E0 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2C3C74, #3C344C, #605AA1, #BCC0E0, #E4BC24, #FB7C74
Палітра Icon ux development web colors містить комбінацію з 6 кодів кольорів :
HEX: #e4bc24, RGB: (228, 188, 36); HEX: #fb7c74, RGB: (251, 124, 116); HEX: #2c3c74, RGB: (44, 60, 116)
HEX: #605aa1, RGB: (96, 90, 161); HEX: #bcc0e0, RGB: (188, 192, 224); HEX: #3c344c, RGB: (60, 52, 76)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок salmon, Відтінок darkslateblue, Відтінок slateblue, Відтінок lightsteelblue, Відтінок darkslateblue
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Icon ux development web colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #e4bc24 | #e4bc24 | RGB(228, 188, 36) | Urobilin | — |
| #fb7c74 | #fb7c74 | RGB(251, 124, 116) | Salmon | — |
| #2c3c74 | #2c3c74 | RGB(44, 60, 116) | American Blue | — |
| #605aa1 | #605aa1 | RGB(96, 90, 161) | Liberty | — |
| #bcc0e0 | #bcc0e0 | RGB(188, 192, 224) | Light Steel Blue | — |
| #3c344c | #3c344c | RGB(60, 52, 76) | Arsenic | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#e4bc24 | #fb7c74 | 1.39 |
#e4bc24 | #bcc0e0 | 1.02 |
#fb7c74 | #bcc0e0 | 1.42 |
#2c3c74 | #605aa1 | 1.73 |
#2c3c74 | #3c344c | 1.12 |
#605aa1 | #3c344c | 1.94 |
Зображення палітри Icon ux development web colors png
Експортувати палітру
Завантажте "Icon ux development web colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: