Orange palette Materialize CSS
- orange lighten-5#fff3e0
- orange lighten-4#ffe0b2
- orange lighten-3#ffcc80
- orange lighten-2#ffb74d
- orange lighten-1#ffa726
- orange#ff9800
- orange darken-1#fb8c00
- orange darken-2#f57c00
- orange darken-3#ef6c00
- orange darken-4#e65100
- orange accent-1#ffd180
- orange accent-2#ffab40
- orange accent-3#ff9100
- orange accent-4#ff6d00
Создано 12/27/2017 21:15
Палитра содержит светлый цвета. Акцентные цвета orange lighten-5 #fff3e0 и orange lighten-4 #ffe0b2. Палитра имеет цветовую температуру Нейтральный, Теплый.
По светлоте палитра тянется от #E65100 (самый тёмный) до #FFF3E0 (самый светлый). Диапазон светлоты умеренный.
В целом насыщенность выглядит яркой (высокая хрома) — 100% цветов насыщенные.
Аналоговая палитра: оттенки расположены рядом на цветовом круге, в пределах около 17°.
В целом температура смещена в сторону тёплого (13 из 14).
HEX-коды (по возрастанию): #E65100, #EF6C00, #F57C00, #FB8C00, #FF6D00, #FF9100, #FF9800, #FFA726, #FFAB40, #FFB74D, #FFCC80, #FFD180, #FFE0B2, #FFF3E0
Палитра Orange palette Materialize CSS содержит комбинацию из 14 кодов цветов:
HEX: #fff3e0, RGB: (255, 243, 224); HEX: #ffe0b2, RGB: (255, 224, 178); HEX: #ffcc80, RGB: (255, 204, 128)
HEX: #ffb74d, RGB: (255, 183, 77); HEX: #ffa726, RGB: (255, 167, 38); HEX: #ff9800, RGB: (255, 152, 0)
HEX: #fb8c00, RGB: (251, 140, 0); HEX: #f57c00, RGB: (245, 124, 0); HEX: #ef6c00, RGB: (239, 108, 0)
HEX: #e65100, RGB: (230, 81, 0); HEX: #ffd180, RGB: (255, 209, 128); HEX: #ffab40, RGB: (255, 171, 64)
HEX: #ff9100, RGB: (255, 145, 0); HEX: #ff6d00, RGB: (255, 109, 0)
Упрощенная версия цветов палитры
Светлый оттенок Античный белый, Светлый оттенок Белый навахо, Тёмный оттенок Белый навахо, Светлый оттенок Оранжевый, Светлый оттенок Оранжевый, Светлый оттенок Тёмно-оранжевый, Тёмный оттенок Тёмно-оранжевый, Тёмный оттенок Тёмно-оранжевый, Светлый оттенок Шоколадный, Тёмный оттенок Оранжево-красный, Тёмный оттенок Белый навахо, Светлый оттенок Оранжевый, Светлый оттенок Тёмно-оранжевый, Тёмный оттенок Коралловый
Цветовая схема создана автором mz
Коды цветов в палитре
Orange palette Materialize CSS коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #fff3e0 | #fff3e0 | RGB(255, 243, 224) | orange lighten-5 | — |
| #ffe0b2 | #ffe0b2 | RGB(255, 224, 178) | orange lighten-4 | — |
| #ffcc80 | #ffcc80 | RGB(255, 204, 128) | orange lighten-3 | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | orange lighten-2 | — |
| #ffa726 | #ffa726 | RGB(255, 167, 38) | orange lighten-1 | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | orange | — |
| #fb8c00 | #fb8c00 | RGB(251, 140, 0) | orange darken-1 | — |
| #f57c00 | #f57c00 | RGB(245, 124, 0) | orange darken-2 | — |
| #ef6c00 | #ef6c00 | RGB(239, 108, 0) | orange darken-3 | — |
| #e65100 | #e65100 | RGB(230, 81, 0) | orange darken-4 | — |
| #ffd180 | #ffd180 | RGB(255, 209, 128) | orange accent-1 | — |
| #ffab40 | #ffab40 | RGB(255, 171, 64) | orange accent-2 | — |
| #ff9100 | #ff9100 | RGB(255, 145, 0) | orange accent-3 | — |
| #ff6d00 | #ff6d00 | RGB(255, 109, 0) | orange accent-4 | — |
Контраст палитры цветов
75 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#fff3e0 | #ffe0b2 | 1.15 |
#fff3e0 | #ffcc80 | 1.34 |
#fff3e0 | #ffb74d | 1.57 |
#fff3e0 | #ffa726 | 1.77 |
#fff3e0 | #ff9800 | 1.96 |
#fff3e0 | #ffd180 | 1.3 |
Палитра из изображения Orange palette Materialize CSS png
Экспорт палитры
Скачайте "Orange palette Materialize CSS" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: