Создано 12/27/2017 21:23
авторmz
  10.92k

Brown palette Materialize CSS

brown lighten-5
#efebe9
brown lighten-4
#d7ccc8
brown lighten-3
#bcaaa4
brown lighten-2
#a1887f
brown lighten-1
#8d6e63
brown
#795548
brown darken-1
#6d4c41
brown darken-2
#5d4037
brown darken-3
#4e342e
brown darken-4
#3e2723
Войдите чтобы сохранить палитру в коллекцию
Палитра содержит светлый, полутемный, темный цвета. Акцентные цвета brown darken-3 #4e342e да brown darken-4 #3e2723. Палитра имеет цветовую температуру Нейтральный, Теплый.
Палитра Brown palette Materialize CSS содержит комбинацию из 10 кодов цветов:
HEX: #efebe9, RGB: (239, 235, 233); HEX: #d7ccc8, RGB: (215, 204, 200); HEX: #bcaaa4, RGB: (188, 170, 164)
HEX: #a1887f, RGB: (161, 136, 127); HEX: #8d6e63, RGB: (141, 110, 99); HEX: #795548, RGB: (121, 85, 72)
HEX: #6d4c41, RGB: (109, 76, 65); HEX: #5d4037, RGB: (93, 64, 55); HEX: #4e342e, RGB: (78, 52, 46)
HEX: #3e2723, RGB: (62, 39, 35)
Упрощенная версия цветов палитры
Оттенок whitesmoke, Оттенок lightgrey, Тень darkgrey, Оттенок rosybrown, Тень sienna, Оттенок sienna, Тень saddlebrown, Оттенок saddlebrown, Тень Бордовый, Тень Черный
Цветовая схема создана автором mz

Коды цветов в палитре

Brown palette Materialize CSS коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#efebe9 RGB(239, 235, 233)brown lighten-5
#d7ccc8 RGB(215, 204, 200)brown lighten-4
#bcaaa4 RGB(188, 170, 164)brown lighten-3
#a1887f RGB(161, 136, 127)brown lighten-2
#8d6e63 RGB(141, 110, 99)brown lighten-1
#795548 RGB(121, 85, 72)brown
#6d4c41 RGB(109, 76, 65)brown darken-1
#5d4037 RGB(93, 64, 55)brown darken-2
#4e342e RGB(78, 52, 46)brown darken-3
#3e2723 RGB(62, 39, 35)brown darken-4

Контраст палитры цветов

17 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#efebe9
#d7ccc8
1.32
#efebe9
#bcaaa4
1.88
#d7ccc8
#bcaaa4
1.41
#bcaaa4
#a1887f
1.48
#a1887f
#8d6e63
1.39
#a1887f
#795548
1.97

Изображение палитры Brown palette Materialize CSS png

Цвета палитры: Как пользоваться?

Нажмите любой цвет, чтобы добавить в Палитру
Быстрая палитра
Максимально 10 палитр Сравнить
нажмите значок «Сравнить» чтобы добавить палитру в Список Сравнение Палитр
Сравнить Палитры