Увод у ХТМЛ називе боја
ХТМЛ називи боја правилно су означени у параграфу. Боје су важне, не само што се користе за украшавање веб странице, већ ћете у неким случајевима можда желети да промените боју текста да бисте постигли бољи контраст позадини странице. С обзиром на то да је ХТМЛ написан у текстуалном облику, не можете само обојати код по вашој жељи и очекивати да ће веб претраживач употребити исту боју приликом приказивања странице. Уместо тога, мораћете да прибегнете употребом ознака и атрибута да бисте претраживачу рекли коју боју да користите.
Боје у ХТМЛ-у
У ХТМЛ именима боја, боје се могу означити употребом њихове шестероструке вредности или њеног имена. ХТМЛ има подршку за најчешће боје, у овом чланку ћу поделити са вама 140 имена и хекснаест вредности тих боја.
Једна ствар коју треба имати на уму је да се не морате ограничавати на ове боје, можете да користите било који алат за бирање боја да бисте пронашли Хек вредност било које боје и користили је на својој веб страници.
Коришћење ХТМЛ имена боја
Имплементација боја на вашој веб страници је једноставна и може се обавити у линији и путем посебног ЦСС табеле.
Када ћете на исти начин користити исте називе ХТМЛ боја на страници, боље је користити ЦСС лист за дефинисање и подешавање боја. Супротно томе, ако морате користити боју једном или два пута, коришћење инлине методе сматра се бољом.
1. Коришћење ХТМЛ боје у линији
Brown H3 Heading
Gainsboro colored paragraph text
Brown H3 Heading
Gainsboro colored paragraph text
Brown H3 Heading
Gainsboro colored paragraph text
Brown H3 Heading
Gainsboro colored paragraph text
Brown H3 Heading
Gainsboro colored paragraph text
Brown H3 Heading
Gainsboro colored paragraph text
2. Имплементација у ЦСС-у
h1 ( color: Brown; )
p ( color: Gainsboro; )
Различита имена ХТМЛ боја
Сада када знате шта су називи ХТМЛ боја и како их можете користити на својим страницама, ево линка имена боја које можете да обележите и користите у својим пројектима:
1. Сива и црна имена ХТМЛ боја
Сива и црна боја су у већини случајева савршена за боју текста на страницама, а на белој позадини ове боје имају најбољу читљивост. Једна занимљива ствар коју треба имати на уму је да модерни телефони са урађеним ОЛЕД екранима требају било какву снагу батерије да би приказали црну боју ако ће ваша публика бити мобилна, паметно је користити црну боју као позадинску боју и белу или другу светлост боје као боја предњег плана.
| Код | Боја |
| # 000000 | Црн |
| # 0Ц090А | ноћ |
| # 2Ц3539 | Гунметал |
| # 2Б1Б17 | Поноћ |
| # 34282Ц | Угљен |
| # 25383Ц | Тамни шкриљасти сиви |
| # 3Б3131 | Уље |
| # 413839 | Црна мачка |
| # 3Д3Ц3А | Иридиум |
| # 463Е3Ф | Црна јегуља |
| # 4Ц4646 | Црна крава |
| # 504А4Б | Сиви вук |
| # 565051 | Вампире Греи |
| # 5Ц5858 | Сиви дупин |
| # 625Д5Д | Царбон Греи |
| # 666362 | Асх Греи |
| # 6Д6968 | Облачно сиво |
| # 726Е6Д | Смокеи Греи |
| # 736Ф6Е | Греи |
| # 837Е7Ц | Гранит |
| # 848482 | Бојни брод Греи |
| # Б6Б6Б4 | Сиви облак |
| # Д1Д0ЦЕ | Сива гуска |
| # Е5Е4Е2 | Платинум |
| # БЦЦ6ЦЦ | Метално сребрно |
| # 98АФЦ7 | Блуе Греи |
| # 6Д7Б8Д | Светло сива |
| # 657383 | Слате Греи |
| # 616Д7Е | Јет Греи |
2. Плава ХТМЛ имена боја
Плави подвучени текст сматра се везом јер је то подразумевани стил везе за већину веб прегледача, требало би избегавати употребу плаве за сав текст на страници јер посетиоци могу да је погреше због хипервеза.
| # 646Д7Е | Мист Блуе |
| # 566Д7Е | Марбле Блуе |
| # 737ЦА1 | Слате Блуе |
| # 4863А0 | Челично плава |
| # 2Б547Е | Блуе Јаи |
| # 2Б3856 | Дарк Слате Блуе |
| # 151Б54 | Поноћно плава |
| # 000080 | Морнарско плаво |
| # 342Д7Е | Плави кит |
| # 15317Е | Лапис Блуе |
| # 151Б8Д | Трапер тамно плави |
| # 0000А0 | Земља плава |
| # 0020Ц2 | Кобалт плава |
| # 0041Ц2 | Блуеберри Блуе |
| # 2554Ц7 | Сафирно плава |
| # 1569Ц7 | Плаве очи |
| # 2Б60ДЕ | Роиал Блуе |
| # 1Ф45ФЦ | Плава орхидеја |
| # 6960ЕЦ | Блуе Лотус |
| # 736АФФ | Лигхт Слате Блуе |
| # 357ЕЦ7 | Виндовс Блуе |
| # 368БЦ1 | Ледено плави лед |
| # 488АЦ7 | Свилено плава |
| # 3090Ц7 | Блуе Иви |
| # 659ЕЦ7 | Блуе Кои |
| # 87АФЦ7 | Цолумбиа Блуе |
| # 95Б9Ц7 | Баби Блуе |
| # 728ФЦЕ | Светло челично плава |
| # 2Б65ЕЦ | Оцеан Блуе |
| # 306ЕФФ | Плава трака |
| # 157ДЕЦ | Плава хаљина |
| # 1589ФФ | Додгер Блуе |
| # 6495ЕД | Цорнфловер Блуе |
| # 6698ФФ | Небеско плаветнило |
| # 38АЦЕЦ | Лептир плава |
| # 56А5ЕЦ | Санта леда |
| # 5ЦБ3ФФ | Кристално плава |
| # 3ББ9ФФ | Дубоко небеско плава |
| # 79БАЕЦ | Трапер плава |
| # 82ЦАФА | Светло плава |
| # 82ЦАФФ | Дан небеско плави |
| # А0ЦФЕЦ | Јеанс Блуе |
| # Б7ЦЕЕЦ | Блуе Ангел |
| # Б4ЦФЕЦ | Пастелно плава |
| # Ц2ДФФФ | Морско плава |
| # Ц6ДЕФФ | Плави пудер |
| #АФДЦЕЦ | Цорал Блуе |
| #АДДФФФ | Светло плава |
| #БДЕДФФ | Робин јаје плаво |
| #ЦФЕЦЕЦ | Блиједо плава љиљана |
| # Е0ФФФФ | Лигхт Циан |
| # ЕБФ4ФА | Вода |
| # Ф0Ф8ФФ | АлицеБлуе |
| # Ф0ФФФФ | Азуре |
| #ЦЦФФФФ | Лигхт Слате |
| # 93ФФЕ8 | Лигхт Акуамарине |
| # 9АФЕФФ | Електрично плава |
| # 7ФФФД4 | Акуамарине |
| # 00ФФФФ | Циан или Акуа |
| # 7ДФДФЕ | Трон Блуе |
| # 57ФЕФФ | Плави циркон |
| # 8ЕЕБЕЦ | Плава лагуна |
| # 50ЕБЕЦ | Целесте |
| # 4ЕЕ2ЕЦ | Блуе Диамонд |
| # 81Д8Д0 | Тиффани Блуе |
| # 92Ц7Ц7 | Циан Опакуе |
| # 77БФЦ7 | Плава Хоста |
| # 78Ц7Ц7 | Нортхерн Лигхтс Блуе |
| # 48ЦЦЦД | Средња тиркизна боја |
| # 43Ц6ДБ | Тиркизно |
| # 46Ц7Ц7 | Медузе |
| # 7БЦЦБ5 | Плаво зелене |
3. Зелене ХТМЛ боје
На локацијама везаним за природу, новац, животну средину итд. Зелена може бити добар избор боје која ће се користити као позадина.
| # 43БФЦ7 | Мака плаво зелена |
| # 3ЕА99Ф | Светло море |
| # 3Б9Ц9Ц | Тамно тиркизно |
| # 438Д80 | Морска корњача зелена |
| # 348781 | Средњи аквамарин |
| # 307Д7Е | Зеленкасто плава |
| # 5Е7Д7Е | Сивкасто тиркизни |
| # 4Ц787Е | Беетле Греен |
| # 008080 | Теал |
| # 4Е8975 | Зеленило мора |
| # 78866Б | Камуфлажа зелена |
| # 848б79 | Кадуља |
| # 617Ц58 | Хазел Греен |
| # 728Ц00 | Веном Греен |
| # 667Ц26 | Ферн Греен |
| # 254117 | Тамно шумско зелено |
| # 306754 | Средње море зелено |
| # 347235 | Средње шумско зелено |
| # 437Ц17 | Зелене морске траве |
| # 387Ц44 | Пине Греен |
| # 347Ц2Ц | Јунгле Греен |
| # 347Ц17 | Схамроцк Греен |
| # 348017 | Средње пролеће зелено |
| # 4Е9258 | Шумски зелено |
| # 6АА121 | Млади црни лук |
| # 4АА02Ц | Спринг Греен |
| # 41А317 | Лимета зелена |
| # 3ЕА055 | Цловер Греен |
| # 6ЦББ3Ц | Зелена змија |
| # 6ЦЦ417 | Алиен Греен |
| # 4ЦЦ417 | Зелена јабука |
| # 52Д017 | Жуто зелена |
| # 4ЦЦ552 | Келли Греен |
| # 54Ц571 | Зомбие Греен |
| # 99Ц68Е | Фрог Греен |
| # 89Ц35Ц | Грашак |
| # 85ББ65 | Доллар Билл Греен |
| # 8ББ381 | Тамно море зелено |
| # 9ЦБ071 | Игуана Греен |
| # Б2Ц248 | Авокадо Греен |
| # 9ДЦ209 | Пистацио зелено |
| # А1Ц935 | Салата зелена |
| # 7ФЕ817 | Хуммингбирд Греен |
| # 59Е817 | Маглина Зелена |
| # 57Е964 | Стоплигхт Го Греен |
| # 64Е986 | Алга Греен |
| # 5ЕФБ6Е | Јаде Греен |
| # 00ФФ00 | Зелен |
| # 5ФФБ17 | Смарагдно зелена |
| # 87Ф717 | Лавн Греен |
| # 8АФБ17 | Цхартреусе |
| # 6АФБ92 | Драгон Греен |
| # 98ФФ98 | мента зелена |
| # Б5ЕААА | Зелени палац |
| # Ц3ФДБ8 | Лигхт Јаде |
| # ЦЦФБ5Д | Теа Греен |
| # Б1ФБ17 | Зелено жута |
| # БЦЕ954 | Слиме Греен |
| # ЕДДА74 | Голденрод |
| # ЕДЕ275 | Харвест Голд |
| # ФФЕ87Ц | Сунчано жуто |
4. Жута ХТМЛ имена боја
Жута се може користити за постављање неозбиљног расположења, показивање креативности и оптимизма на страници. Имајте на уму да жута боље функционира као позадина него боја текста.
| # ФФФФ00 | Жута |
| # ФФФ380 | Кукурузно жуто |
| # ФФФФЦ2 | Пергамент |
| #ФФФФЦЦ | Крем |
| # ФФФ8Ц6 | Лимун шифон |
| # ФФФ8ДЦ | Кукурузна свила |
| # Ф5Ф5ДЦ | Беж |
| # ФБФ6Д9 | Плавуша |
| # ФАЕБД7 | АнтикуеВхите |
| # Ф7Е7ЦЕ | Шампањац |
| #ФФЕБЦД | БланцхедАлмонд |
| # Ф3Е5АБ | Ванилија |
| # ЕЦЕ5Б6 | Тан Бровн |
| # ФФЕ5Б4 | бресква |
| # ФФДБ58 | Сенф |
| # ФФД801 | Гума Дуцки Иеллов |
| # ФДД017 | Светло злато |
| # ЕАЦ117 | златно браон |
| # Ф2ББ66 | Макароне са сиром |
| # ФББ917 | Шафран |
| # ФББ117 | Пиво |
| # ФФА62Ф | Цанталоупе |
| # Е9АБ17 | Бее Иеллов |
5. Смеђе ХТМЛ боје
Смеђа позадина може отежати читање белог или црног текста, можете прибећи другим корисницима који имају добар контраст у односу на вашу нијансу смеђе.
| # Е2А76Ф | Браон шећер |
| # ДЕБ887 | БурлиВоод |
| # ФФЦБА4 | Дубока бресква |
| # Ц9БЕ62 | Ђумбир Браун |
| # Е8А317 | Школски аутобус жути |
| # ЕЕ9А4Д | Санди Бровн |
| # Ц8Б560 | Јесен лишће смеђи |
| # Д4А017 | Наранџасто злато |
| # Ц2Б280 | Песак |
| # Ц7А317 | Цоокие Бровн |
| # Ц68Е17 | Карамела |
| # Б5А642 | Месинг |
| # АДА96Е | Кхаки |
| # Ц19А6Б | Камил смеђа |
| # ЦД7Ф32 | Бронза |
| # Ц88141 | Тигер Оранге |
| # Ц58917 | Цимет |
| # АФ9Б60 | Буллет Схелл |
| # АФ7817 | Дарк Голденрод |
| # Б87333 | Бакар |
| # 966Ф33 | Воод |
| # 806517 | Храст Смеђи |
| # 827839 | Мокасин |
| # 827Б60 | Арми Бровн |
| # 786Д5Ф | Пешчани камен |
| # 493Д26 | Моцха |
| # 483Ц32 | Таупе |
| # 6Ф4Е37 | Кафа |
| # 835Ц3Б | Мрки медвед |
| # 7Ф5217 | Црвена прљавштина |
| # 7Ф462Ц | Сепиа |
6. Оранге ХТМЛ Цолорс
Наранџаста дјелује одлично како би истакла тачку када се боја користи као позадина и може побудити осјећај ентузијазма и топлине, а да притом није превише љепљив.6. Оранге ХТМЛ Цолорс
| # Ц47451 | Наранџасти лосос |
| # Ц36241 | Руст |
| # Ц35817 | Ред Фок |
| # Ц85А17 | Чоколада |
| # ЦЦ6600 | Седона |
| # Е56717 | Папаја наранџа |
| # Е66Ц2Ц | Ноћ вештица наранџа |
| # Ф87217 | Бундева наранџа |
| # Ф87431 | Конус наранче за градњу |
| # Е67451 | Сунрисе Оранге |
| # ФФ8040 | Манго наранџа |
| # Ф88017 | Тамно наранџаста |
| # ФФ7Ф50 | корал |
| # Ф88158 | Кошарка наранчаста |
| # Ф9966Б | Лагани лосос |
| # Е78А61 | Мандарина |
| # Е18Б6Б | Тамни лосос |
| # Е77471 | Лагани кораљ |
| # Ф75Д59 | Беан Ред |
| # Е55451 | Валентине Ред |
| # Е55Б3Ц | Схоцкинг Оранге |
7. Црвени ХТМЛ кодови у боји
За неке прегледаче, црвени подвучени текст користи се као посећене везе, избегавајте га да не збуните посетиоце.
| # ФФ0000 | Црвено |
| # ФФ2400 | Сцарлет |
| # Ф62217 | Рубин црвена |
| # Ф70Д1А | Феррари Ред |
| # Ф62817 | Црвени ватрогасни мотор |
| # Е42217 | Лава Ред |
| # Е41Б17 | Лове Ред |
| # ДЦ381Ф | Грејпфрут |
| # Ц34А2Ц | Цхестнут Ред |
| # Ц24641 | Трешња Црвена |
| # Ц04000 | Махагони |
| # Ц11Б17 | Чили папричица |
| # 9Ф000Ф | Брусница |
| # 990012 | Црно вино |
| # 8Ц001А | Бургундија |
| # 954535 | кестен |
| # 7Е3517 | Блоод Ред |
| # 8А4117 | Сиенна |
| # 7Е3817 | Сангриа |
| # 800517 | Фиребрицк |
| # 810541 | Мароон |
| # 7Д0541 | Пита од шљиве |
| # 7Е354Д | Велвет Мароон |
| # 7Д0552 | Плум Велвет |
| # 7Ф4Е52 | Роси Финцх |
| # 7Ф5А58 | Пуце |
| # 7Ф525Д | Дулл Пурпле |
| # Б38481 | Роси Бровн |
| # Ц5908Е | Кхаки Росе |
8. Роза ХТМЛ кодови у боји
Према науци о боји, ружичаста и њене нијансе могу се користити ако желите да посетилац има осећај самопоуздања, профињености и топлине у својој подсвести.
| # Ц48189 | Пинк Бов |
| # Ц48793 | Руж за усне |
| # Е8АДАА | Росе |
| # ЕЦЦ5Ц0 | Росе Голд |
| # ЕДЦ9АФ | Пустињски песак |
| # ФДД7Е4 | Пиг Пинк |
| #ФЦДФФФ | Шећерна вуна |
| #ФФДФДД | Пинк Буббле Гум |
| # ФББББ9 | Мисти Росе |
| #ФААФБЕ | Ружичаста |
| #ФААФБА | Светло розе |
| # Ф9А7Б0 | Фламинго Пинк |
| # Е7А1Б0 | Пинк Росе |
| # Е799А3 | Пинк Даиси |
| # Е38ААЕ | Цадиллац Пинк |
| # Ф778А1 | Царнатион Пинк |
| # Е56Е94 | Црвено црвено |
| # Ф660АБ | Хот Пинк |
| # ФЦ6Ц85 | Ватермелон Пинк |
| # Ф6358А | Љубичасто црвена |
| # Ф52887 | Дееп Пинк |
| # Е45Е9Д | Пинк Цупцаке |
| # Е4287Ц | Пинк Лимунада |
| # Ф535АА | Неон Пинк |
| # ФФ00ФФ | Магента |
| # Е3319Д | Диморпхотхеца Магента |
| # Ф433ФФ | Светла неонска ружичаста |
| # Д16587 | Бледо љубичасто црвена |
| # Ц25А7Ц | Тулип Пинк |
| # ЦА226Б | Средње љубичасто црвена |
| # Ц12869 | Рогуе Пинк |
| # Ц12267 | Бурнт Пинк |
| # Ц25283 | Басхфул Пинк |
| # Ц12283 | Тамна каранфил ружичаста |
| # Б93Б8Ф | Шљива |
9. Љубичасти и бели ХТМЛ кодови у боји
Употреба боје белог текста на белој позадини учиниће га корисницима нечитљивим, а осим што није кориснику, за вашу веб локацију можете добити СЕО казну, увек користите беле и друге светле боје на тамном позадини.
| # 7Е587Е | Виола Пурпле |
| # 571Б7Е | Пурпле Ирис |
| # 583759 | Плум Пурпле |
| # 4Б0082 | Индиго |
| # 461Б7Е | Пурпле Монстер |
| # 4Е387Е | Пурпле Хазе |
| # 614051 | Плави патлиџан |
| # 5Е5А80 | Грожђа |
| # 6А287Е | Пурпле Јам |
| # 7Д1Б7Е | Дарк Орцхид |
| # А74АЦ7 | Пурпле Фловер |
| # Б048Б5 | Средња орхидеја |
| # 6Ц2ДЦ7 | Љубичасти аметист |
| # 842ДЦЕ | Дарк Виолет |
| # 8Д38Ц9 | Љубичаста |
| # 7А5ДЦ7 | Пурпле Саге Бусх |
| # 7Ф38ЕЦ | Ловели Пурпле |
| # 8Е35ЕФ | Љубичаста |
| # 893БФФ | Азтецх Пурпле |
| # 8467Д7 | Средње љубичаста |
| # А23БЕЦ | Јасмине Пурпле |
| # Б041ФФ | Љубичасти нарцис |
| # Ц45АЕЦ | Тириан Пурпле |
| # 9172ЕЦ | Цроцус Пурпле |
| # 9Е7БФФ | Љубичаста Мимоза |
| # Д462ФФ | Хелиотропе Пурпле |
| # Е238ЕЦ | Гримизна |
| # Ц38ЕЦ7 | Пурпле Драгон |
| # Ц8А2Ц8 | јоргован |
| # Е6А9ЕЦ | Блусх Пинк |
| # Е0Б0ФФ | Мауве |
| # Ц6АЕЦ7 | Вистериа Пурпле |
| # Ф9Б7ФФ | Блоссом Пинк |
| # Д2Б9Д3 | Тхистле |
| # Е9ЦФЕЦ | Перивинкле |
| # ЕБДДЕ2 | Пинокио лаванде |
| # Е3Е4ФА | Лаванда плава |
| # ФДЕЕФ4 | Бисер |
| # ФФФ5ЕЕ | СеаСхелл |
| #ФЕФЦФФ | Млеко бело |
| #ФФФФФФ | бео |
Неки од најчешће коришћених ХТМЛ кодова у боји
Ово су неке од популарних боја које се користе на вебу, ставио сам их у посебну табелу тако да их брзо можете пронаћи.
| Црвено | # ФФ0000 | бео | #ФФФФФФ |
| Циан | # 00ФФФФ | Сребро | # Ц0Ц0Ц0 |
| Плави | # 0000ФФ | Сива или сива | # 808080 |
| Тамно плава | # 0000А0 | Црн | # 000000 |
| Светло плава | # АДД8Е6 | Наранџасте | # ФФА500 |
| Љубичаста | # 800080 | Смеђе | # А52А2А |
| Жута | # ФФФФ00 | Мароон | # 800000 |
| Креч | # 00ФФ00 | Зелен | # 008000 |
| Магента | # ФФ00ФФ | Маслина | # 808000 |
Закључак
Сада када имате брзе референтне таблице уобичајених ХТМЛ боја, требали бисте бити у могућности да користите било коју боју на вашој страници. Са креативног становишта, требало би да избегавате оштре боје ако можете и када радите са предњим крајем веб странице, чување позадинске графике или боја такође је важно да бисте обезбедили одговарајући контраст.
Препоручени чланци
Ово је водич за ХТМЛ називе боја. Овде смо разговарали о томе како имплементирати боје на веб страницу користећи различите ХТМЛ боје са примерима. Можете и да прођете кроз друге наше предложене чланке да бисте сазнали више -
- Стилови ХТМЛ фонтова
- ХТМЛ Атрибути
- ХТМЛ табеле стилова
- Како функционише ХТМЛ
- Цолорс ин Матлаб | Како променити стил у Матлабу?