Лучше один раз увидеть, чем сто раз услышать!
Сравнительные таблицы выделения слов в тексте.
«Видно, Бог художник, иначе зачем столько цветов…» (фильм «Игры разума»)
Лучше один раз увидеть, чем сто раз услышать! — твердит народная мудрость.
Иногда очень много времени уходит на попытку воплотить воображаемое в реально-наглядное. Вот, например, Вы решили , что Ваша визитка обязательно будет желтого цвета. И всё! …? А дальше начинаются приключения — подбор шрифта, цвета для будущего текста. Конечный результат в фазе рендомности. Ну разве это не круто!!!!? Сперва Вы хотели сразить интеллектуальной экстравагантностью или ребячьей жизнерадостностью, а теперь де́ржите в руках пачку визиток в бoрдово-коричневых разводах с белой полосой… Понимая, что стабильностью и уверенностью Вы привлечете больше оторванных от мира интеллектуалов.
Изучая сочетания, в предложенных таблицах, Вы формируете и совершенствуете самое ценное, что только может быть в бизнесе — это СВОЁ мнение, основанное на Вашем личном опыте.
Если Вам понравятся цветовые комбинации — фон-текст, указанные для наглядности в этой статье, воспользуйтесь уже готовыми примерами. Сделайте свой текст запоминающимся, эмоционально закрепляя подачу информации. А если захотите по-экспериментировать, то напоминаем, что в данном примере, фон меняется в свойстве — «background-color», а цвет текста задается в свойстве — «color» и если Вам нужно убрать насыщенность шрифта, уберите парный тег «strong« — текст из полужирного станет обычным.
пример: < span style=»background-color:#FFDD00; color:#FF00AE; padding:20px;»><strong>Ваш текст</strong></span (тег предназначен для определения стиля строчного элемента)>
соответственно, стиль — < span style=»background-color:#FFDD00; color:#FF00AE; padding:3px;»>Ваш текст</span>
Свойство «padding» задает пространство вокруг элемента (в данном случае это текст) и вот как это выглядит — в случае:
padding:20px и padding:3px
А для поиска новых оттенков — воспользуйтесь удобной программкой ColorMania . Или поищите в интернете готовые палитры.
Итак, вот как ведут себя сочетания цветов в альянсе фон-текст и на наш субъективный взгляд, всё выглядит следующим образом:
С разной степенью насыщенности, желтый всё равно гармонично сочетается со всеми цветами, и функцию привлечения и контрастности выполняет. Вполне приемлемо и довольно жизнерадостно.
Фон — текст | Сочетание цветов в тексте |
Черный на желтом | Черный на желтом |
Голубой на желтом Голубой НА желтом |
Голубой на желтом |
Розовый на желтом Розовый НА желтом |
Розовый на желтом |
Синий на желтом Синий НА желтом |
Синий на желтом |
Красный на желтом Красный НА желтом |
Красный на желтом |
Белый на желтом | Белый на желтом |
Серый на желтом Серый НА желтом |
Серый на желтом |
Зеленый на желтом Зелёный НА желтом |
Зеленый на желтом |
Коричневый на желтом Коричневый на желтом |
Коричневый на желтом |
Оранжевый на желтом Оранжевый НА желтом |
Оранжевый на желтом |
Фиолетовый на желтом Фиолетовый НА желтом |
Фиолетовый на желтом |
Коричневый. Не всё идеально, но можно по выбирать. Многие предвзято относятся к этому цвету, но грязным выглядит только сочетание серого с коричневым. Некоторой ядовитостью выделяется зеленый и голубой на коричневом фоне, наверное, потому, что в природе нам привычнее видеть акценты коричневого на фоне неба или среди буйной зелени, а не наоборот. Трудно читается фиолетовый текст, а черный заземляет. Остальные цвета схожи с взбитыми сливками на шоколадном торте.
Фон — текст | Сочетание цветов в тексте |
Черное на коричневом | Черное на коричневом |
Голубой на коричневом Голубой НА коричневом |
Голубой на коричневом |
Розовый на коричневом Розовый НА коричневом |
Розовый на коричневом |
Синий на коричневом Синий НА коричневом |
Синий на коричневом |
Красный на коричневом Красный НА коричневом |
Красный на коричневом |
Белый на коричневом | Белый на коричневом |
Серый на коричневом Серый НА коричневом |
Серый на коричневом |
Зеленый на коричневом Зеленый на коричневом |
Зеленый на коричневом |
Желтый на коричневом | Желтый на коричневом |
Оранжевый на коричневом Оранжевый НА коричневом |
Оранжевый на коричневом |
Фиолетовый на коричневом Фиолетовый НА коричневом |
Фиолетовый на коричневом |
Розовый фон это практически взрыв мозгов. Зажмурьтесь открывая таблицу. Очень яркий и броский фон приглушает другие цвета, но именно таким обычно представляют этот цвет. А потом кричат — «ой, что-нибудь по-мягче!..» Для использования такой комбинации требуется доработка оттенков. И в любом случае — определенная смелость!
Фон — текст | Сочетание цветов в тексте |
Черный на розовом | Черный на розовом |
Голубой на розовом Голубой НА розовом |
Голубой на розовом |
Коричневый на розовом Коричневый на розовом |
Коричневый на розовом |
Синий на розовом Синий НА розовом |
Синий на розовом |
Красный на розовом Красный НА розовом |
Красный на розовом |
Белый на розовом | Белый на розовом |
Серый на розовом Серый НА розовом |
Серый на розовом |
Зеленый на розовом Зеленый на розовом |
Зеленый на розовом |
Желтый на розовом | Желтый на розовом |
Оранжевый на розовом Оранжевый НА розовом |
Оранжевый на розовом |
Фиолетовый на розовом Фиолетовый НА розовом |
Фиолетовый на розовом |
Цвет вечерних сумерек. Чтобы перебить столь насыщенный фон нужно для текста выбирать такой же яркий цвет. Вполне приемлемо. Контрастность соблюдается.
Фон — текст | Сочетание цветов в тексте |
Черный на синем | Черный на синем |
Голубой НА синем Голубой НА синем |
Голубой НА синем |
Розовый НА синем Розовый НА синем |
Розовый НА синем |
Коричневый НА синем Коричневый на синем |
Коричневый НА синем |
Красный НА синем Красный НА синем |
Красный НА синем |
Белый НА синем | Белый НА синем |
Серый НА синем Серый НА синей |
Серый НА синем |
Зелёный НА синем Зелёный НА синем |
Зелёный НА синем |
Жёлтый НА синем | Жёлтый НА синем |
Оранжевый на синем Оранжевый НА синем |
Оранжевый НА синем |
Фиолетовый НА синем Фиолетовый НА синем |
Фиолетовый НА синем |
Хотя это и тонизирующий и жаркий цвет, но когда его много это смахивает на пожар. Так что может в качестве маленького привлекающего элемента ещё терпимо, но можете и по-экспериментировать. Будем надеятся, что автомобилист увидев такой придорожный баннер не вылетит в кювет
Фон — текст | Сочетание цветов в тексте |
Черный на оранжевом | Черный на оранжевом |
Голубой НА оранжевом Голубой НА оранжевом |
Голубой НА оранжевом |
Розовый НА оранжевом Розовый НА оранжевом |
Розовый НА оранжевом |
Коричневый НА оранжевом Коричневый на оранжевом |
Коричневый НА оранжевом |
Красный НА оранжевом Красный НА оранжевом |
Красный НА оранжевом |
Белый НА оранжевом | Белый НА оранжевом |
Серый НА оранжевом Серый НА оранжевом |
Серый НА оранжевом |
Зелёный НА оранжевом Зелёный НА оранжевом |
Зелёный НА оранжевом |
Жёлтый НА оранжевом | Жёлтый НА оранжевом |
Синий НА оранжевом Синий НА оранжевом |
Синий НА оранжевом |
Фиолетовый НА оранжевом Фиолетовый НА оранжевом |
Фиолетовый НА оранжевом |
Стильность и интрига — привелегия серых оттенков. «Вернуться домой это не вернуться в прошлое.»
Фон — текст | Сочетание цветов в тексте |
Черный на сером | Черный на сером |
Голубой НА сером Голубой НА сером |
Голубой НА сером |
Розовый НА сером Розовый НА сером |
Розовый НА сером |
Коричневый НА сером Коричневый на сером |
Коричневый НА сером |
Красный НА сером Красный НА сером |
Красный НА сером |
Белый НА сером | Белый НА сером |
Оранжевый на сером Оранжевый НА сером |
Оранжевый НА сером |
Зелёный НА сером Зелёный НА сером |
Зелёный НА оранжевом |
Жёлтый НА сером | Жёлтый НА сером |
Синий НА сером Синий НА сером |
Синий НА сером |
Фиолетовый НА сером Фиолетовый НА сером |
Фиолетовый НА сером |
Агрессивно и не всегда совместимо, но незабываемо.
Фон — текст | Сочетание цветов в тексте |
Черный на красном | Черный на красном |
Голубой НА красном Голубой НА красном |
Голубой НА красном |
Розовый НА красном Розовый НА красном |
Розовый НА красном |
Коричневый НА красном Коричневый на красном |
Коричневый НА красном |
Оранжевый на красном Оранжевый НА красном |
Оранжевый НА красном |
Белый НА красном | Белый НА красном |
Серый НА красном Серый НА красном |
Серый НА красном |
Зелёный НА красном Зелёный НА красном |
Зелёный НА красном |
Жёлтый НА красном | Жёлтый НА красном |
Синий НА красном Синий НА красном |
Синий НА красном |
Фиолетовый НА красном Фиолетовый НА красном |
Фиолетовый НА красном |
Даже серый, на этом фоне смотриться как фейерверк.
Фон — текст | Сочетание цветов в тексте |
Оранжевый на черном Оранжевый НА черном |
Оранжевый на черном |
Голубой НА черном Голубой НА черном |
Голубой НА черном |
Розовый НА черном Розовый НА черном |
Розовый НА черном |
Коричневый НА черном Коричневый на черном |
Коричневый НА черном |
Красный НА черном Красный НА черном |
Красный НА черном |
Белый НА черном | Белый НА черном |
Серый НА черном Серый НА черном |
Серый НА черном |
Зелёный НА черном Зелёный НА черном |
Зелёный НА черном |
Жёлтый НА черном | Жёлтый НА черном |
Синий НА черном Синий НА черном |
Синий НА черном |
Фиолетовый НА черном Фиолетовый НА черном |
Фиолетовый НА черном |
Говорят что зеленый нейтральный… Но насколько? Настолько что яркие цвета он делает еще более жизнерадостными, а с холодными тонами просто превращается в разъедающую тоску — коричневый, черный, серый, синий, фиолетовый. странная нейтральность)))
Фон — текст | Сочетание цветов в тексте |
Оранжевый на зеленом Оранжевый НА зеленом |
Оранжевый на зеленом |
Голубой НА зеленом Голубой НА зеленом |
Голубой НА зеленом |
Розовый НА зеленом Розовый НА зеленом |
Розовый НА зеленом |
Коричневый НА зеленом Коричневый на зеленом |
Коричневый НА зеленом |
Красный НА зеленом Красный НА зеленом |
Красный НА зеленом |
Белый НА зеленом | Белый НА зеленом |
Серый НА зеленом Серый НА зеленом |
Серый НА зеленом |
Черный НА зеленом | Черный НА зеленом |
Жёлтый НА зеленом | Жёлтый НА зеленом |
Синий НА зеленом Синий НА зеленом |
Синий НА зеленом |
Фиолетовый НА зеленом Фиолетовый НА зеленом |
Фиолетовый НА зеленом |
Мы все живем под прекрасным небесным куполом. Который нас защищает и дарит жизнь. Все сочетания нам привычны, так как мы их наблюдаем со дня своего рождения. Именно поэтому мы ощущаем умиротворение и безопасность.
Фон — текст | Сочетание цветов в тексте |
Оранжевый на голубом Оранжевый НА голубом |
Оранжевый на голубом |
Черный НА голубом | Черный НА голубом |
Розовый НА голубом Розовый НА голубом |
Розовый НА голубом |
Коричневый НА голубом Коричневый на голубом |
Коричневый НА голубом |
Красный НА голубом Красный НА голубом |
Красный НА голубом |
Белый НА голубом | Белый НА голубом |
Серый НА голубом Серый НА голубом |
Серый НА голубом |
Зелёный НА голубом Зелёный НА голубом |
Зелёный НА голубом |
Жёлтый НА голубом | Жёлтый НА голубом |
Синий НА голубом Синий НА голубом |
Синий НА голубом |
Фиолетовый НА голубом Фиолетовый НА голубом |
Фиолетовый НА голубом |
С насыщенным фиолетовым фоном, текст любого оттенка выглядит как стразы на дамской сумочке. Другие оттенки фиолетового привнесут любому ансамблю оттенок интеллигентной меланхолии.
Фон — текст | Сочетание цветов в тексте |
Оранжевый на фиолетовом Оранжевый НА фиолетовом |
Оранжевый на фиолетовом |
Голубой НА фиолетовом Голубой НА фиолетовом |
Голубой НА фиолетовом |
Розовый НА фиолетовом Розовый НА фиолетовом |
Розовый НА фиолетовом |
Коричневый на фиолетовом Коричневый на фиолетовом |
Коричневый НА фиолетовом |
Красный НА фиолетовом Красный НА фиолетовом |
Красный НА фиолетовом |
Белый НА фиолетовом | Белый НА фиолетовом |
Серый НА фиолетовом Серый НА фиолетовом |
Серый НА фиолетовом |
Зелёный НА фиолетовом Зелёный НА фиолетовом |
Зелёный НА фиолетовом |
Жёлтый НА фиолетовом | Жёлтый НА фиолетовом |
Синий НА фиолетовом Синий НА фиолетовом |
Синий НА фиолетовом |
Черный НА фиолетовом | Черный НА фиолетовом |
Белый лист. Чистота намерений. Праздник и обновление. Это всё прекрасно! Но для оформления, порой, нужен или насыщенный фон или рамочка для выделения текста. Поэтому в общую стилевую информацию тега «span» (предназначенного для выделение текста через классы и стили) мы добавим свойство «border», а в нем значения «border: 3px solid #EE82EE;»: толщины линии в пикселах — рх; вид, например — сплошная — solid, точки — dotted, пунктиры, двойная граница, и объемная рамочка разных видов (чтобы не отбить у Вас дух первооткрывателя и познавателя, мы не будем описывать подробно каждый вид) и цвет — #значение.
Фон — текст | Сочетание цветов в тексте |
Черный на белом | Черный на белом |
Голубой НА белом Голубой НА белом |
Голубой НА белом |
Розовый НА белом Розовый НА белом |
Розовый НА белом |
Коричневый НА белом Коричневый на белом |
Коричневый НА белом |
Красный НА белом Красный НА белом |
Красный НА белом |
Серый НА белом | Серый НА белом |
Оранжевый на белом Оранжевый НА белом |
Оранжевый НА белом |
Зелёный НА белом Зелёный НА белом |
Зелёный НА белом |
Жёлтый НА белом | Жёлтый НА белом |
Синий НА белом Синий НА белом |
Синий НА белом |
Фиолетовый НА белом Фиолетовый НА белом |
Фиолетовый НА белом |
Добавить комментарий