HTML kodovi boja na mreži. Boja u stilovima se može postaviti na različite načine: heksadecimalnom vrijednošću, imenom, u RGB, RGBA, HSL, HSLA formatu. Postoji nekoliko načina za predstavljanje boja u web dizajnu.

Ova stranica sadrži tabelu s ključnim riječima koje se mogu koristiti za označavanje boja u takvim jezicima za web razvoj kao što su: HTML, CSS, JavaScript, Flash, itd.

U staroj WC3 specifikaciji, samo 16 ključnih riječi je korišteno za postavljanje boja u HTML i CSS. U kasnijim, modernijim specifikacijama, dodato je još 130 ključnih riječi za označavanje naziva boja. Sljedeća tabela sadrži nazive boja, heksadecimalne i RGB kodove kojima odgovaraju.

Prema CSS pravilima, nazivi boja ne razlikuju velika i mala slova. Unosi boja IndianRed i indianred su ekvivalentni.

Također je vrijedno napomenuti da od 146 ključnih riječi u tabeli, zapravo ima manje boja u njoj. To je zato što se neke od ključnih riječi odnose na istu boju. Dakle, nazivi Grey i Grey označavaju 50 posto sive sa kodom #808080, dok je riječ Magenta HTML sinonim za Fuchsia boju, koja odgovara hex kodu #FF00FF. Riječi Aqua i Cyan su također sinonimi, odgovaraju kodu #00FFFF.

Tabela (paleta) html boja daje vam mogućnost da samostalno odaberete ton koji vam je potreban. Vrijednost boje se prikazuje u tri formata: Hex, RGB i HSV.

• Hex se sastoji od tri vrijednosti dva znaka u heksadecimalnom zapisu. Na primjer: #ff00b3, gdje je prvi par brojeva crven, drugi zelen, a treći plavi.
• RGB (RedGreenBlue) ima oblik "200,100,255" koji označava količinu odgovarajućeg tona (crvena, zelena, plava) u rezultujućoj boji.
• HSV (Hue, Saturation, Value - ton, zasićenje, vrijednost) - model boje u kojem su koordinate:
  • Nijansa - ton boje, može varirati od 0° do 360°.
  • Zasićenje - zasićenje, varira između 0-100 ili 0-1. Što je ova postavka veća, to je boja "čistija", zbog čega se ova postavka ponekad naziva čistoća boje. I što je ovaj parametar bliži nuli, to je boja bliža neutralno sivoj.
  • Vrijednost (vrijednost boje) - postavlja svjetlinu, vrijednost također može varirati između 0-100 ili 0-1.

Unesite kod boje: GO

Lista boja sa nazivima

U tabeli su navedena engleska imena boja (koja se mogu koristiti kao vrijednosti) koje podržavaju svi pretraživači i njihove heksadecimalne vrijednosti. Sve navedene boje su "sigurne", što znači da će se prikazivati ​​isto u svim pretraživačima.

Heksadecimalni brojevi se koriste za određivanje boja. Heksadecimalni sistem je, za razliku od decimalnog, zasnovan, kao što mu ime govori, na broju 16. Brojevi će biti sledeći: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Brojevi od 10 do 15 zamjenjuju se latiničnim slovima. Brojevi veći od 15 u heksadecimalnom sistemu formiraju se kombinovanjem dva broja u jedan. Na primjer, broj 255 u decimalnom obliku odgovara broju FF u heksadecimalnom. Da bi se izbjegla zabuna u definiciji brojevnog sistema, heksadecimalnom broju prethodi heš simbol #, na primjer #666999. Svaka od tri boje - crvena, zelena i plava - može imati vrijednosti od 00 do FF. Tako je oznaka boje podijeljena na tri komponente #rrggbb, gdje prva dva znaka označavaju crvenu komponentu boje, dva srednja zelenu, a posljednja dva plavu. Dozvoljeno je koristiti skraćeni oblik #rgb, gdje svaki znak treba udvostručiti. Dakle, unos #fe0 treba smatrati #ffee00.

po imenu

Pretraživači podržavaju neke boje po imenu. U tabeli. 1 prikazuje nazive, heksadecimalni kod, vrijednosti u RGB, HSL formatu i opis.

Sa RGB

Možete definirati boju koristeći crvene, zelene i plave vrijednosti u decimalnim terminima. Svaka od tri komponente boje ima vrijednost od 0 do 255. Također je prihvatljivo postaviti boju kao postotak, dok će 100% odgovarati broju 255. Prvo se specificira ključna riječ rgb, a zatim se komponente boje navedeno u zagradama, odvojeno zarezima, na primjer rgb(255, 128, 128) ili rgb(100%, 50%, 50%).

RGBA

RGBA format je po sintaksi sličan RGB-u, ali uključuje alfa kanal koji postavlja transparentnost elementa. Vrijednost 0 je potpuno transparentna, 1 je neprozirna, a srednja vrijednost poput 0,5 je prozirna.

RGBA je dodat u CSS3, tako da valjanost CSS koda treba da se izvrši prema ovoj verziji. Treba napomenuti da je CSS3 standard još uvijek u razvoju i da se neke njegove karakteristike mogu promijeniti. Na primjer, RGB boja dodana svojstvu background-color prolazi provjeru valjanosti, ali ona dodana svojstvu background-a ne. Istovremeno, pretraživači sasvim ispravno razumiju boju za oba svojstva.

HSL

Naziv HSL formata formiran je od kombinacije prvih slova Hue (nijansa), Saturate (zasićenost) i Lightness (svjetlina). Nijansa je vrijednost boje na kotaču boja (slika 1) i određena je u stepenima. 0° je crvena, 120° je zelena, a 240° je plava. Vrijednost nijanse može varirati od 0 do 359.

Rice. 1. Točak boja

Zasićenost je intenzitet boje, mjeren u procentima od 0% do 100%. Vrijednost od 0% označava da nema boje i ima nijansu sive, 100% je maksimalna vrijednost zasićenja.

Svjetlost postavlja koliko je svijetla boja i specificira se kao postotak od 0% do 100%. Male vrednosti čine boju tamnijom, dok je visoke vrednosti čine svetlijom, ekstremne vrednosti od 0% i 100% odgovaraju crno-beloj.

HSLA

HSLA format je po sintaksi sličan HSL-u, ali uključuje alfa kanal koji postavlja transparentnost elementa. Vrijednost 0 je potpuno transparentna, 1 je neprozirna, a srednja vrijednost poput 0,5 je prozirna.

Vrijednosti boja u formatima RGBA, HSL i HSLA se dodaju u CSS3, pa kada koristite ove formate, provjerite valjanost koda u odnosu na verziju.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Upozorenje

Sve metode hvatanja lava navedene na stranici su teorijske i bazirane na računskim metodama. Autori ne jamče vašu sigurnost prilikom njihove upotrebe i odriču se bilo kakve odgovornosti za rezultat. Zapamtite, lav je grabežljivac i opasna životinja!

Rezultat ovog primjera prikazan je na sl. 2.

Rice. 2. Boje na web stranici

HTML boje su označene sa šest znakova iza kose crte - na primjer, #000000. Ovih šest znakova predstavljaju proporcije različitih boja (crvene, zelene i plave) u konačnoj boji. Slika na monitoru vašeg računara sastoji se od ogromnog broja tačaka koje se nazivaju pikseli. Svaki piksel je mali izvor svjetlosti, nazovimo ga "baterijska lampa", koja se pak sastoji od tri svjetiljke - crvene, zelene i plave. Smanjenjem ili povećanjem intenziteta sjaja pojedinih lampiona u boji, dobijamo željenu boju.

html kodovi boja

Boje u HTML-u su označene heksadecimalnom (HEX) oznakom za kombinaciju crvene, plave i zelene (RGB).

Najmanja vrijednost boje je 0 (heksadecimalno 00). Najveća vrijednost boje je 255 (heksadecimalni FF).

Heksadecimalna vrijednost boje je tri cifre koja počinje s #.

Kodovi boja (vrijednosti)

16 miliona nijansi

Kombinovanje crvene, plave i zelene sa vrednostima u rasponu od 0 do 255 za svaku boju daje više od 16 miliona nijansi (256 x 256 x 256).

Većina modernih monitora može prikazati najmanje 16.384 različitih nijansi (LCD monitori općenito mogu prikazati 262,16 miliona (ažurirano oktobra 2013.) boje, dok CRT monitori mogu prikazati gotovo neograničen broj boja).

Tabela boja ispod prikazuje promjenu udjela crvene boje od 0 do 255 sa nultim vrijednostima za plavu i zelenu:

nijanse sive

Da bi se dobile nijanse sive, koriste se jednake proporcije svih boja. Kako bismo olakšali odabir željene boje, dostavljamo vam kodove za nijanse sive.

Nazivi html boja u više pretraživača (za sve pretraživače).

Kolekcija od 150 html naziva boja podržanih u svim pretraživačima.

Standardizirani nazivi boja

W3C navodi 16 važećih naziva boja za HTML i CSS: akva (akvamarin), crna (crna), plava (plava), fuksija (magenta), siva (siva), zelena (zelena), limeta (limeta ili svijetlozelena), kesten (kesten), tamnoplava (ultramarin), maslinasta (maslina), ljubičasta (ljubičasta), crvena (crvena), srebrna (srebrna), teal (siva), bijela (bijela) i žuta (žuta).

Kada koristite boje koje nisu uključene u ovu listu, bit će ispravnije koristiti njihov heksadecimalni (HEX) ili RGB kod.

Sigurne boje

Pre nekoliko godina, kada su računari mogli da podržavaju maksimalno 256 različitih boja, predložena je lista od 216 „Web bezbednih boja“, sa 40 boja rezervisanih za sistem.

Ova paleta od 216 boja kreirana je kako bi se ispravno prikazale boje u načinu paleta od 256 boja.

Sada to nije važno jer većina računara širom svijeta podržava milione nijansi boja. U svakom slučaju, evo liste tih boja: