Создано 11/17/2022 11:46
User interface ui design web palette
- Sparrow’s Fire#f9671f
- Yellow Currant#f7c468
- Fibonacci Blue#0c255c
- Blue Suede#647c94
- Clear Vista#a6bdc5
- Sea Challenge#2c5c5c
Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета Sparrow’s Fire #f9671f да Fibonacci Blue #0c255c. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #0C255C (самый тёмный) до #A6BDC5 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #0C255C, #2C5C5C, #647C94, #A6BDC5, #F7C468, #F9671F
Палитра User interface ui design web palette содержит комбинацию из 6 кодов цветов:
HEX: #f9671f, RGB: (249, 103, 31); HEX: #f7c468, RGB: (247, 196, 104); HEX: #0c255c, RGB: (12, 37, 92)
HEX: #647c94, RGB: (100, 124, 148); HEX: #a6bdc5, RGB: (166, 189, 197); HEX: #2c5c5c, RGB: (44, 92, 92)
Упрощенная версия цветов палитры
Тень orangered, Тень burlywood, Тень midnightblue, Оттенок slategrey, Оттенок lightblue, Тень darkslategrey
Цветовая схема создана автором palettespicker
Коды цветов в палитре
User interface ui design web palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #f9671f | #f9671f | RGB(249, 103, 31) | Sparrow’s Fire | — |
| #f7c468 | #f7c468 | RGB(247, 196, 104) | Yellow Currant | — |
| #0c255c | #0c255c | RGB(12, 37, 92) | Fibonacci Blue | — |
| #647c94 | #647c94 | RGB(100, 124, 148) | Blue Suede | — |
| #a6bdc5 | #a6bdc5 | RGB(166, 189, 197) | Clear Vista | — |
| #2c5c5c | #2c5c5c | RGB(44, 92, 92) | Sea Challenge | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#f9671f | #f7c468 | 1.86 |
#f9671f | #647c94 | 1.44 |
#f9671f | #a6bdc5 | 1.53 |
#f7c468 | #a6bdc5 | 1.21 |
#0c255c | #2c5c5c | 1.94 |
#647c94 | #2c5c5c | 1.73 |
Изображение палитры User interface ui design web palette png
Экспорт палитры
Скачайте "User interface ui design web palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: