Создано 01/22/2018 12:41
Trello Orange colors palette
Trello Orange 50
#fdf5ec
Trello Orange 100
#fce8d2
Trello Orange 200
#fad8b0
Trello Orange 300
#fdc788
Trello Orange 400
#ffb968
Trello Orange 500
#ffab4a
Trello Orange 600
#e99e40
Trello Orange 700
#d29034
Trello Orange 800
#bb8129
Trello Orange 900
#a0711c
Палитра содержит светлый цвета. Акцентные цвета Trello Orange 400 #ffb968 да Trello Orange 500 #ffab4a. Палитра имеет цветовую температуру Нейтральный, Теплый.
Палитра Trello Orange colors palette содержит комбинацию из 10 кодов цветов:
HEX: #fdf5ec, RGB: (253, 245, 236); HEX: #fce8d2, RGB: (252, 232, 210); HEX: #fad8b0, RGB: (250, 216, 176)
HEX: #fdc788, RGB: (253, 199, 136); HEX: #ffb968, RGB: (255, 185, 104); HEX: #ffab4a, RGB: (255, 171, 74)
HEX: #e99e40, RGB: (233, 158, 64); HEX: #d29034, RGB: (210, 144, 52); HEX: #bb8129, RGB: (187, 129, 41)
HEX: #a0711c, RGB: (160, 113, 28)
Упрощенная версия цветов палитры
Оттенок floralwhite, Оттенок antiquewhite, Оттенок navajowhite, Тень burlywood, Тень sandybrown, Тень sandybrown, Оттенок sandybrown, Тень peru, Тень darkgoldenrod, Оттенок darkgoldenrod
Цветовая схема создана автором mz
Коды цветов в палитре
Trello Orange colors palette коды цветов HEX, RGB информация в таблице
Цвет | HEX | RGB | Название | Альтернативное название |
#fdf5ec | RGB(253, 245, 236) | Trello Orange 50 | — | |
#fce8d2 | RGB(252, 232, 210) | Trello Orange 100 | — | |
#fad8b0 | RGB(250, 216, 176) | Trello Orange 200 | — | |
#fdc788 | RGB(253, 199, 136) | Trello Orange 300 | — | |
#ffb968 | RGB(255, 185, 104) | Trello Orange 400 | — | |
#ffab4a | RGB(255, 171, 74) | Trello Orange 500 | — | |
#e99e40 | RGB(233, 158, 64) | Trello Orange 600 | — | |
#d29034 | RGB(210, 144, 52) | Trello Orange 700 | — | |
#bb8129 | RGB(187, 129, 41) | Trello Orange 800 | — | |
#a0711c | RGB(160, 113, 28) | Trello Orange 900 | — |
Контраст палитры цветов
32 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста | Цвет фона | Коэффициент контрастности |
#fdf5ec | #fce8d2 | 1.1 |
#fdf5ec | #fad8b0 | 1.25 |
#fdf5ec | #fdc788 | 1.41 |
#fdf5ec | #ffb968 | 1.56 |
#fdf5ec | #ffab4a | 1.74 |
#fce8d2 | #fad8b0 | 1.13 |