Лучше один раз увидеть, чем сто раз услышать!

Сравнительные таблицы с html-кодами для выделения слов в тексте.

Aвтор: Ar-djuna

"Видно, Бог художник, иначе зачем столько цветов..." (фильм "Игры разума")


Лучше один раз увидеть, чем сто раз услышать! - твердит народная мудрость.

Иногда очень много времени уходит на попытку воплотить воображаемое в реально-наглядное. Вот, например, Вы решили , что Ваша визитка обязательно будет желтого цвета. И всё! ...? А дальше начинаются приключения - подбор шрифта, цвета для будущего текста. Конечный результат в фазе рендомности. Ну разве это не круто!!!!? Сперва Вы хотели сразить интеллектуальной экстравагантностью или ребячьей жизнерадостностью, а теперь де́ржите в руках пачку визиток в бoрдово-коричневых разводах с белой полосой... Понимая, что стабильностью и уверенностью Вы привлечете больше оторванных от мира интеллектуалов.

Изучая сочетания, в предложенных таблицах, Вы формируете и совершенствуете самое ценное, что только может быть в бизнесе - это СВОЁ мнение, основанное на Вашем личном опыте.

Если Вам понравятся цветовые комбинации - фон-текст, указанные для наглядности в этой статье, воспользуйтесь уже готовыми примерами. Сделайте свой текст запоминающимся, эмоционально закрепляя подачу информации. А если захотите по-экспериментировать, то напоминаем, что в данном примере, фон меняется в свойстве - "background-color", а цвет текста задается в свойстве - "color" и если Вам нужно убрать насыщенность шрифта, уберите парный тег "strong" - текст из полужирного станет обычным.

<span style="background-color:#FFDD00; color:#4BBCF3; ppadding:20px;"><strong>Ваш текст</strong></span>
<span style="background-color:#FFDD00; color:#4BBCF3; padding:3px;">Ваш текст</span>

Свойство "padding" задает пространство вокруг элемента (в данном случае это текст) и вот как это выглядит - в случае:

padding:20px и padding:3px

А для поиска новых оттенков - воспользуйтесь удобной программкой ColorMania 5.1. Или поищите в интернете готовые палитры.

Итак, вот как ведут себя сочетания цветов в альянсе фон-текст и на наш субъективный взгляд, всё выглядит следующим образом:


Фон - текстСочетание цветов в текстеКод для выделения текста
Черный на желтомЧерный на желтом<span style="background-color:#FFDD00; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Голубой на желтом
Голубой НА желтом
Голубой на желтом<span style="background-color:#FFDD00; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Розовый на желтом
Розовый НА желтом
Розовый на желтом<span style="background-color:#FFDD00; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Синий на желтом
Синий НА желтом
Синий на желтом<span style="background-color:#FFDD00; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Красный на желтом
Красный НА желтом
Красный на желтом<span style="background-color:#FFDD00; color:#D70A08; padding:3px;"><strong>Ваш текст</strong></span>
Белый на желтомБелый на желтом<span style="background-color:#FFDD00; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый на желтом
Серый НА желтом
Серый на желтом<span style="background-color:#FFDD00; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Зеленый на желтом
Зелёный НА желтом
Зеленый на желтом<span style="background-color:#FFDD00; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый на желтом
Коричневый на желтом
Коричневый на желтом<span style="background-color:#FFDD00; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Оранжевый на желтом
Оранжевый НА желтом
Оранжевый на желтом<span style="background-color:#FFDD00; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый на желтом
Фиолетовый НА желтом
Фиолетовый на желтом<span style="background-color:#FFDD00; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


С разной степенью насыщенности, желтый всё равно гармонично сочетается со всеми цветами, и функцию привлечения и контрастности выполняет. Вполне приемлемо и довольно жизнерадостно.



Фон - текстСочетание цветов в текстеКод для выделения текста
Черное на коричневомЧерное на коричневом<span style="background-color:#903D13; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Голубой на коричневом
Голубой НА коричневом
Голубой на коричневом<span style="background-color:#903D13; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Розовый на коричневом
Розовый НА коричневом
Розовый на коричневом<span style="background-color:#903D13; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Синий на коричневом
Синий НА коричневом
Синий на коричневом<span style="background-color:#903D13; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Красный на коричневом
Красный НА коричневом
Красный на коричневом<span style="background-color:#903D13; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый на коричневомБелый на коричневом<span style="background-color:#903D13; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый на коричневом
Серый НА коричневом
Серый на коричневом<span style="background-color:#903D13; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Зеленый на коричневом
Зеленый на коричневом
Зеленый на коричневом<span style="background-color:#903D13; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Желтый на коричневомЖелтый на коричневом<span style="background-color:#903D13; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Оранжевый на коричневом
Оранжевый НА коричневом
Оранжевый на коричневом<span style="background-color:#903D13; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый на коричневом
Фиолетовый НА коричневом
Фиолетовый на коричневом<span style="background-color:#903D13; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


Коричневый. Не всё идеально, но можно по выбирать. Многие предвзято относятся к этому цвету, но грязным выглядит только сочетание серого с коричневым. Некоторой ядовитостью выделяется зеленый и голубой на коричневом фоне, наверное, потому, что в природе нам привычнее видеть акценты коричневого на фоне неба или среди буйной зелени, а не наоборот. Трудно читается фиолетовый текст, а черный заземляет. Остальные цвета схожи с взбитыми сливками на шоколадном торте.



Фон - текстСочетание цветов в текстеКод для выделения текста
Черный на розовомЧерный на розовом<span style="background-color:#FF00AE; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Голубой на розовом
Голубой НА розовом
Голубой на розовом<span style="background-color:#FF00AE; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый на розовом
Коричневый на розовом
Коричневый на розовом<span style="background-color:#FF00AE; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Синий на розовом
Синий НА розовом
Синий на розовом<span style="background-color:#FF00AE; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Красный на розовом
Красный НА розовом
Красный на розовом<span style="background-color:#FF00AE; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый на розовомБелый на розовом<span style="background-color:#FF00AE; color:#FFFFFF; padding:3px;"><strong>Черное на желтом</strong></span>
Серый на розовом
Серый НА розовом
Серый на розовом<span style="background-color:#FF00AE; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Зеленый на розовом
Зеленый на розовом
Зеленый на розовом<span style="background-color:#FF00AE; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Желтый на розовомЖелтый на розовом<span style="background-color:#FF00AE; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Оранжевый на розовом
Оранжевый НА розовом
Оранжевый на розовом<span style="background-color:#FF00AE; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый на розовом
Фиолетовый НА розовом
Фиолетовый на розовом<span style="background-color:#FF00AE; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


Розовый фон это практически взрыв мозгов. Зажмурьтесь открывая таблицу. Очень яркий и броский фон приглушает другие цвета, но именно таким обычно представляют этот цвет. А потом кричат - "ой, что-нибудь по-мягче!.." Для использования такой комбинации требуется доработка оттенков. И в любом случае - определенная смелость!



Фон - текстСочетание цветов в текстеКод для выделения текста
Черный на синемЧерный на синем<span style="background-color:#1240CC; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Голубой НА синем
Голубой НА синем
Голубой НА синем<span style="background-color:#1240CC; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Розовый НА синем
Розовый НА синем
Розовый НА синем<span style="background-color:#1240CC; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый НА синем
Коричневый на синем
Коричневый НА синем<span style="background-color:#1240CC; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Красный НА синем
Красный НА синем
Красный НА синем<span style="background-color:#1240CC; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый НА синемБелый НА синем<span style="background-color:#1240CC; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый НА синем
Серый НА синей
Серый НА синем<span style="background-color:#1240CC; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Зелёный НА синем
Зелёный НА синем
Зелёный НА синем<span style="background-color:#1240CC; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Жёлтый НА синемЖёлтый НА синем<span style="background-color:#1240CC; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Оранжевый на синем
Оранжевый НА синем
Оранжевый НА синем<span style="background-color:#1240CC; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый НА синем
Фиолетовый НА синем
Фиолетовый НА синем<span style="background-color:#1240CC; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


Цвет вечерних сумерек. Чтобы перебить столь насыщенный фон нужно для текста выбирать такой же яркий цвет. Вполне приемлемо. Контрастность соблюдается.



Фон - текстСочетание цветов в текстеКод для выделения текста
Черный на оранжевомЧерный на оранжевом<span style="background-color:#FF4500; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Голубой НА оранжевом
Голубой НА оранжевом
Голубой НА оранжевом<span style="background-color:#FF4500; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Розовый НА оранжевом
Розовый НА оранжевом
Розовый НА оранжевом<span style="background-color:#FF4500; color:#EE82EE; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый НА оранжевом
Коричневый на оранжевом
Коричневый НА оранжевом<span style="background-color:#FF4500; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Красный НА оранжевом
Красный НА оранжевом
Красный НА оранжевом<span style="background-color:#FF4500; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый НА оранжевомБелый НА оранжевом<span style="background-color:#FF4500; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый НА оранжевом
Серый НА оранжевом
Серый НА оранжевом<span style="background-color:#FF4500; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Зелёный НА оранжевом
Зелёный НА оранжевом
Зелёный НА оранжевом<span style="background-color:#FF4500; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Жёлтый НА оранжевомЖёлтый НА оранжевом<span style="background-color:#FF4500; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Синий НА оранжевом
Синий НА оранжевом
Синий НА оранжевом<span style="background-color:#FF4500; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый НА оранжевом
Фиолетовый НА оранжевом
Фиолетовый НА оранжевом<span style="background-color:#FF4500; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


Хотя это и тонизирующий и жаркий цвет, но когда его много это смахивает на пожар. Так что может в качестве маленького привлекающего элемента ещё терпимо, но можете и по-экспериментировать. Будем надеятся, что автомобилист увидев такой придорожный баннер не вылетит в кювет.



Фон - текстСочетание цветов в текстеКод для выделения текста
Черный на серомЧерный на сером<span style="background-color:#585858; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Голубой НА сером
Голубой НА сером
Голубой НА сером<span style="background-color:#585858; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Розовый НА сером
Розовый НА сером
Розовый НА сером<span style="background-color:#585858; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый НА сером
Коричневый на сером
Коричневый НА сером<span style="background-color:#585858; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Красный НА сером
Красный НА сером
Красный НА сером<span style="background-color:#585858; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый НА серомБелый НА сером<span style="background-color:#585858; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Оранжевый на сером
Оранжевый НА сером
Оранжевый НА сером<span style="background-color:#585858; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Зелёный НА сером
Зелёный НА сером
Зелёный НА оранжевом<span style="background-color:#585858; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Жёлтый НА серомЖёлтый НА сером<span style="background-color:#585858; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Синий НА сером
Синий НА сером
Синий НА сером<span style="background-color:#585858; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый НА сером
Фиолетовый НА сером
Фиолетовый НА сером<span style="background-color:#585858; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


Стильность и интрига - привелегия серых оттенков. "Вернуться домой это не вернуться в прошлое."



Фон - текстСочетание цветов в текстеКод для выделения текста
Черный на красномЧерный на красном<span style="background-color:#FF0007; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Голубой НА красном
Голубой НА красном
Голубой НА красном<span style="background-color:#FF0007; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Розовый НА красном
Розовый НА красном
Розовый НА красном<span style="background-color:#FF0007; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый НА красном
Коричневый на красном
Коричневый НА красном<span style="background-color:#FF0007; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Оранжевый на красном
Оранжевый НА красном
Оранжевый НА красном<span style="background-color:#FF0007; color:#F48000; padding:3px;"><strong>Ваш текст</strong></span>
Белый НА красномБелый НА красном<span style="background-color:#FF0007; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый НА красном
Серый НА красном
Серый НА красном<span style="background-color:#FF0007; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Зелёный НА красном
Зелёный НА красном
Зелёный НА красном<span style="background-color:#FF0007; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Жёлтый НА красномЖёлтый НА красном<span style="background-color:#FF0007; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Синий НА красном
Синий НА красном
Синий НА красном<span style="background-color:#FF0007; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый НА красном
Фиолетовый НА красном
Фиолетовый НА красном<span style="background-color:#FF0007; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


Агрессивно и не всегда совместимо, но незабываемо.



Фон - текстСочетание цветов в текстеКод для выделения текста
Оранжевый на черном
Оранжевый НА черном
Оранжевый на черном<span style="background-color:#0D1012; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Голубой НА черном
Голубой НА черном
Голубой НА черном<span style="background-color:#0D1012; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Розовый НА черном
Розовый НА черном
Розовый НА черном<span style="background-color:#0D1012; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый НА черном
Коричневый на черном
Коричневый НА черном<span style="background-color:#0D1012; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Красный НА черном
Красный НА черном
Красный НА черном<span style="background-color:#0D1012; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый НА черномБелый НА черном<span style="background-color:#0D1012; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый НА черном
Серый НА черном
Серый НА черном<span style="background-color:#0D1012; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Зелёный НА черном
Зелёный НА черном
Зелёный НА черном<span style="background-color:#0D1012; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Жёлтый НА черномЖёлтый НА черном<span style="background-color:#0D1012; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Синий НА черном
Синий НА черном
Синий НА черном<span style="background-color:#0D1012; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый НА черном
Фиолетовый НА черном
Фиолетовый НА черном<span style="background-color:#0D1012; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


Даже серый, на этом фоне смотриться как фейерверк.



Фон - текстСочетание цветов в текстеКод для выделения текста
Оранжевый на зеленом
Оранжевый НА зеленом
Оранжевый на зеленом<span style="background-color:#006400; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Голубой НА зеленом
Голубой НА зеленом
Голубой НА зеленом<span style="background-color:#006400; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>
Розовый НА зеленом
Розовый НА зеленом
Розовый НА зеленом<span style="background-color:#006400; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый НА зеленом
Коричневый на зеленом
Коричневый НА зеленом<span style="background-color:#006400; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Красный НА зеленом
Красный НА зеленом
Красный НА зеленом<span style="background-color:#006400; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый НА зеленомБелый НА зеленом<span style="background-color:#006400; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый НА зеленом
Серый НА зеленом
Серый НА зеленом<span style="background-color:#006400; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Черный НА зеленомЧерный НА зеленом<span style="background-color:#006400; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Жёлтый НА зеленомЖёлтый НА зеленом<span style="background-color:#006400; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Синий НА зеленом
Синий НА зеленом
Синий НА зеленом<span style="background-color:#006400; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый НА зеленом
Фиолетовый НА зеленом
Фиолетовый НА зеленом<span style="background-color:#006400; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>

Говорят что зеленый нейтральный... Но насколько? Настолько что яркие цвета он делает еще более жизнерадостными, а с холодными тонами просто превращается в разъедающую тоску - коричневый, черный, серый, синий, фиолетовый. странная нейтральность)))


Фон - текстСочетание цветов в текстеКод для выделения текста
Оранжевый на голубом
Оранжевый НА голубом
Оранжевый на голубом<span style="background-color:#4BBCF3; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Черный НА голубомЧерный НА голубом<span style="background-color:#4BBCF3; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>
Розовый НА голубом
Розовый НА голубом
Розовый НА голубом<span style="background-color:#4BBCF3; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый НА голубом
Коричневый на голубом
Коричневый НА голубом<span style="background-color:#4BBCF3; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>
Красный НА голубом
Красный НА голубом
Красный НА голубом<span style="background-color:#4BBCF3; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый НА голубомБелый НА голубом<span style="background-color:#4BBCF3; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый НА голубом
Серый НА голубом
Серый НА голубом<span style="background-color:#4BBCF3; color:#30312B; padding:3px;"><strong>Ваш текст</strong></span>
Зелёный НА голубом
Зелёный НА голубом
Зелёный НА голубом<span style="background-color:#4BBCF3; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>
Жёлтый НА голубомЖёлтый НА голубом<span style="background-color:#4BBCF3; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Синий НА голубом
Синий НА голубом
Синий НА голубом<span style="background-color:#4BBCF3; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Фиолетовый НА голубом
Фиолетовый НА голубом
Фиолетовый НА голубом<span style="background-color:#4BBCF3; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>


Мы все живем под прекрасным небесным куполом. Который нас защищает и дарит жизнь. Все сочетания нам привычны, так как мы их наблюдаем со дня своего рождения. Именно поэтому мы ощущаем умиротворение и безопасность.



Фон - текстСочетание цветов в текстеКод для выделения текста
Оранжевый на фиолетовом
Оранжевый НА фиолетовом
Оранжевый на фиолетовом<span style="background-color:#4B0082; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Голубой НА фиолетовом
Голубой НА фиолетовом
Голубой НА фиолетовом<span style="background-color:#4B0082; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>
Розовый НА фиолетовом
Розовый НА фиолетовом
Розовый НА фиолетовом<span style="background-color:#4B0082; color:#FF00AE; padding:3px;"><strong>Ваш текст</strong></span>
Коричневый на фиолетовом
Коричневый на фиолетовом
Коричневый НА фиолетовом<span style="background-color:#4B0082; color:#5E2804; padding:3px;"><strong>Ваш текст</strong></span>
Красный НА фиолетовом
Красный НА фиолетовом
Красный НА фиолетовом<span style="background-color:#4B0082; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>
Белый НА фиолетовомБелый НА фиолетовом<span style="background-color:#4B0082; color:#FFFFFF; padding:3px;"><strong>Ваш текст</strong></span>
Серый НА фиолетовом
Серый НА фиолетовом
Серый НА фиолетовом<span style="background-color:#4B0082; color:#585858; padding:3px;"><strong>Ваш текст</strong></span>
Зелёный НА фиолетовом
Зелёный НА фиолетовом
Зелёный НА фиолетовом<span style="background-color:#4B0082; color:#00FF00; padding:3px;"><strong>Ваш текст</strong></span>
Жёлтый НА фиолетовомЖёлтый НА фиолетовом<span style="background-color:#4B0082; color:#FFDD00; padding:3px;"><strong>Ваш текст</strong></span>
Синий НА фиолетовом
Синий НА фиолетовом
Синий НА фиолетовом<span style="background-color:#4B0082; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>
Черный НА фиолетовомЧерный НА фиолетовом<span style="background-color:#4B0082; color:#0D1012; padding:3px;"><strong>Ваш текст</strong></span>

С насыщенным фиолетовым фоном, текст любого оттенка выглядит как стразы на дамской сумочке. Другие оттенки фиолетового привнесут любому ансамблю оттенок интеллигентной меланхолии.


Фон - текстСочетание цветов в текстеКод для выделения текстаРезультат
Черный на беломЧерный на белом<span style="background-color:#FFFFFF; border:2px dotted #585858; color:#0D1012; padding:5px;"><strong>Ваш текст</strong></span>Ваш текст
Голубой НА белом
Голубой НА белом
Голубой НА белом<span style="background-color:#FFFFFF;border:3px dotted #4BBCF3; color:#4BBCF3; padding:3px;"><strong>Ваш текст</strong></span>Ваш текст
Розовый НА белом
Розовый НА белом
Розовый НА белом<span style="background-color:#FFFFFF;border:3px solid #FF00AE; color:#FF00AE; padding:5px;"><strong>Ваш текст</strong></span>Ваш текст
Коричневый НА белом
Коричневый на белом
Коричневый НА белом<span style="background-color:#FFFFFF;border:5px solid #903D13; color:#903D13; padding:3px;"><strong>Ваш текст</strong></span>Ваш текст
Красный НА белом
Красный НА белом
Красный НА белом<span style="background-color:#FFFFFF;border:5px double #FF0007; color:#FF0007; padding:3px;"><strong>Ваш текст</strong></span>Ваш текст
Серый НА беломСерый НА белом<span style="background-color:#FFFFFF;border:7px double #585858; color:#585858; padding:5px;"><strong>Ваш текст</strong></span>Ваш текст
Оранжевый на белом
Оранжевый НА белом
Оранжевый НА белом<span style="background-color:#FFFFFF;border:5px ridge #FF4500; color:#FF4500; padding:3px;"><strong>Ваш текст</strong></span>Ваш текст
Зелёный НА белом
Зелёный НА белом
Зелёный НА белом<span style="background-color:#FFFFFF;border:5px groove #006400; color:#006400; padding:3px;"><strong>Ваш текст</strong></span>Ваш текст
Жёлтый НА беломЖёлтый НА белом<span style="background-color:#FFFFFF;border:2px dashed #FFDD00; color:#FFDD00; padding:5px;"><strong>Ваш текст</strong></span>Ваш текст
Синий НА белом
Синий НА белом
Синий НА белом<span style="background-color:#FFFFFF;border:4px inset #1240CC; color:#1240CC; padding:3px;"><strong>Ваш текст</strong></span>Ваш текст
Фиолетовый НА белом
Фиолетовый НА белом
Фиолетовый НА белом<span style="background-color:#FFFFFF;border:4px outset #4B0082; color:#4B0082; padding:3px;"><strong>Ваш текст</strong></span>Ваш текст


Белый лист. Чистота намерений. Праздник и обновление. Это всё прекрасно! Но для оформления, порой, нужен или насыщенный фон или рамочка для выделения текста. Поэтому в общую стилевую информацию тега "span" (предназначенного для выделение текста через классы и стили) мы добавим свойство "border", а в нем значения "border: 3px solid #EE82EE;": толщины линии в пикселах - рх; вид, например - сплошная - solid, точки - dotted, пунктиры, двойная граница, и объемная рамочка разных видов (чтобы не отбить у Вас дух первооткрывателя и познавателя, мы не будем описывать подробно каждый вид) и цвет - #значение.

Вот такие они, таблицы цветовых соотношений фона и текста. Даже если Вы сразу не можете определиться с предпочтениями, дайте поработать за Вас - Вашему подсознанию. Нам всем многому нужно научиться в этой жизни, и в первую очередь - доверять себе!

Наше несовершенство сквозит в каждом нашем поступке. Совершая Великое мы спотыкаемся на мелочах. Именно это подтверждает тот факт, что мы продолжаем эволюционировать как вид))) И мы надеемся, что эта статья подтолкнет Вас к свершению новых проб и ошибок, которые, в свою очередь, приведут Вас к УСПЕХУ. И тогда, отмечая выгодную сделку Вы по новому оцените такую забитую и затертую фразу:

цвет, психология, бизнес, реклама

... а продолжение фразы зависит от Вашего личного опыта и отношения к жизни.

Всего Вам хорошего!


 
Возможно Вам будут интересны:
  • Сочетание цветов. Как сделать рекламу привлекательной, а главное, стимулирующей и мотивирующей.
  • Цветовое восприятие мира. Завоеватель или Творец - какова ваша позиция в бизнесе...
  • Сочетания цветов по субъективным признакам. Сравнительные таблицы с html-кодами для выделения слов в тексте.

  • Автор: Ar-dshuna


    Автор разрешает копировать, цитировать и переводить на другие языки строки, абзацы или всю статью. Он будет только рад распространению своих идей и видения мира таким способом. Особо поощряется использование информации для написания курсовых, дипломных и диссертационных работ. А также для создания поправок и новых законов в нашей Конституции.