Создано 02/07/2023 10:12
Website design building product hex colors
- Green Lizard#a1e733
- Powder Blue#b8dde6
- Dark Olive Green#546e22
- Wintergreen Dream#5c947c
- Khaki (HTML/CSS)#ccb49c
- Royal Brown#543c2c
Палитра содержит светлый, полутемный цвета. Акцентные цвета Green Lizard #a1e733 да Dark Olive Green #546e22. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #543C2C (самый тёмный) до #B8DDE6 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #543C2C, #546E22, #5C947C, #A1E733, #B8DDE6, #CCB49C
Палитра Website design building product hex colors содержит комбинацию из 6 кодов цветов:
HEX: #a1e733, RGB: (161, 231, 51); HEX: #b8dde6, RGB: (184, 221, 230); HEX: #546e22, RGB: (84, 110, 34)
HEX: #5c947c, RGB: (92, 148, 124); HEX: #ccb49c, RGB: (204, 180, 156); HEX: #543c2c, RGB: (84, 60, 44)
Упрощенная версия цветов палитры
Оттенок greenyellow, Тень lightblue, Оттенок darkolivegreen, Тень seashell, Тень tan, Оттенок saddlebrown
Цветовая схема создана автором coolor
Коды цветов в палитре
Website design building product hex colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #a1e733 | #a1e733 | RGB(161, 231, 51) | Green Lizard | — |
| #b8dde6 | #b8dde6 | RGB(184, 221, 230) | Powder Blue | — |
| #546e22 | #546e22 | RGB(84, 110, 34) | Dark Olive Green | — |
| #5c947c | #5c947c | RGB(92, 148, 124) | Wintergreen Dream | — |
| #ccb49c | #ccb49c | RGB(204, 180, 156) | Khaki (HTML/CSS) | — |
| #543c2c | #543c2c | RGB(84, 60, 44) | Royal Brown | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#a1e733 | #b8dde6 | 1.03 |
#a1e733 | #ccb49c | 1.32 |
#b8dde6 | #ccb49c | 1.37 |
#546e22 | #5c947c | 1.64 |
#546e22 | #543c2c | 1.76 |
#5c947c | #ccb49c | 1.76 |
Изображение палитры Website design building product hex colors png
Экспорт палитры
Скачайте "Website design building product hex colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: