Web ux illustration ui colours
- Yellow Orange (Color Wheel)#f8970c
- Macaroni And Cheese#f3c384
- Blue (NCS)#0c82c1
- Brown Sugar#ad764f
- Jet Stream#b2d8cc
- Dark Lava#4c3c34
Создано 11/22/2022 09:54
Палитра содержит светлый, полутемный цвета. Акцентные цвета Yellow Orange (Color Wheel) #f8970c и Blue (NCS) #0c82c1. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #4C3C34 (самый тёмный) до #B2D8CC (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 1 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону тёплого (4 из 6).
HEX-коды (по возрастанию): #0C82C1, #4C3C34, #AD764F, #B2D8CC, #F3C384, #F8970C
Палитра Web ux illustration ui colours содержит комбинацию из 6 кодов цветов:
HEX: #f8970c, RGB: (248, 151, 12); HEX: #f3c384, RGB: (243, 195, 132); HEX: #0c82c1, RGB: (12, 130, 193)
HEX: #ad764f, RGB: (173, 118, 79); HEX: #b2d8cc, RGB: (178, 216, 204); HEX: #4c3c34, RGB: (76, 60, 52)
Упрощенная версия цветов палитры
Тёмный оттенок Оранжевый, Светлый оттенок Древесный, Тёмный оттенок Стальной синий, Тёмный оттенок Перу, Тёмный оттенок Бледно-бирюзовый, Тёмный оттенок Тускло-серый
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Web ux illustration ui colours коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f8970c | #f8970c | RGB(248, 151, 12) | Yellow Orange (Color Wheel) | — |
| #f3c384 | #f3c384 | RGB(243, 195, 132) | Macaroni And Cheese | — |
| #0c82c1 | #0c82c1 | RGB(12, 130, 193) | Blue (NCS) | — |
| #ad764f | #ad764f | RGB(173, 118, 79) | Brown Sugar | — |
| #b2d8cc | #b2d8cc | RGB(178, 216, 204) | Jet Stream | — |
| #4c3c34 | #4c3c34 | RGB(76, 60, 52) | Dark Lava | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f8970c | #f3c384 | 1.37 |
#f8970c | #0c82c1 | 1.89 |
#f8970c | #ad764f | 1.71 |
#f8970c | #b2d8cc | 1.44 |
#f3c384 | #b2d8cc | 1.04 |
#0c82c1 | #ad764f | 1.1 |
Палитра из изображения Web ux illustration ui colours png
Экспорт палитры
Скачайте "Web ux illustration ui colours" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: