Ljubičasti kod. Boja u stilovima može se postaviti na različite načine: po heksadecimalnoj vrijednosti, po imenu, u RGB, RGBA, HSL, HSLA formatu

Za postavljanje boja koriste se heksadecimalni brojevi. Heksadecimalni sustav, za razliku od decimalnog sustava, temelji se, kako mu ime govori, na broju 16. Brojevi će biti sljedeć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 heksadecimalu nastaju spajanjem dva broja u jedan. Na primjer, 255 decimala jednako je FF heksadecimalno. Kako bi se izbjegla zabuna u definiciji brojevnog sustava, hash simbol # stavlja se ispred heksadecimalnog broja, na primjer # 666999. Svaka od tri boje - crvena, zelena i plava - može se kretati od 00 do FF. Dakle, oznaka boje podijeljena je na tri komponente #rrggbb, gdje prva dva znaka označavaju crvenu komponentu boje, dva srednja - zelenu, a posljednja dva - plavu. Dopušteno je koristiti skraćeni oblik kao što je #rgb, gdje svaki znak treba biti udvostručen. Dakle, unos # fe0 treba tretirati kao # ffee00.

Imenom

Preglednici podržavaju neke boje po imenu. Stol 1 prikazuje nazive, heksadecimalni kod, RGB, HSL vrijednosti i opis.

S RGB-om

Možete odrediti boju pomoću decimalnih vrijednosti crvene, zelene i plave komponente. Svaka od tri komponente boje ima vrijednost od 0 do 255. Također je dopušteno postaviti boju kao postotak, dok će 100% odgovarati broju 255. Prvo je naznačena ključna riječ rgb, a zatim u zagradama komponente boje su označene, odvojene 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 kontrolira transparentnost elementa. Vrijednost 0 odgovara punoj prozirnosti, 1 neprozirnosti, a srednja vrijednost poput 0,5 poluprozirnosti.

RGBA je dodan u CSS3, tako da bi valjanost CSS koda trebala biti obavljena pomoću ove verzije. Treba napomenuti da je CSS3 standard još uvijek u razvoju i da se neke značajke mogu promijeniti. Na primjer, RGB boja dodana svojstvu background-color je potvrđena, ali boja dodana svojstvu pozadine više ne. Istodobno, preglednici 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 data je u stupnjevima. 0 ° je crvena, 120 ° je zelena, a 240 ° je plava. Vrijednost nijanse može biti u rasponu od 0 do 359.

Riža. 1. Kotačić u boji

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

Svjetlina postavlja koliko je svijetla boja i prikazuje se u postocima od 0% do 100%. Niske vrijednosti čine boju tamnijom, a visoke vrijednosti posvjetljuju, ekstremne vrijednosti od 0% i 100% odgovaraju crno-bijeloj.

HSLA

HSLA format je po sintaksi sličan HSL-u, ali uključuje alfa kanal koji postavlja transparentnost elementa. Vrijednost 0 odgovara punoj prozirnosti, 1 neprozirnosti, a srednja vrijednost poput 0,5 poluprozirnosti.

Vrijednosti boja u formatima RGBA, HSL i HSLA dodane su u CSS3, stoga svakako provjerite valjanost verzije kada koristite ove formate.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Upozorenje

Sve metode za hvatanje lava navedene na stranici su teorijske i temelje se na računskim metodama. Autori ne jamče vašu sigurnost prilikom njihove uporabe 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.

Riža. 2. Boje na web stranici

Ova stranica pruža tablicu s ključnim riječima koje se mogu koristiti za označavanje boja u jezicima za web razvoj kao što su HTML, CSS, JavaScript, Flash i još mnogo toga.

U starim specifikacijama koncerna WC3 bilo je napisano samo 16 ključnih riječi uz pomoć kojih su se postavljale boje u HTML i CSS. U kasnijim, novijim specifikacijama, dodano je još 130 ključnih riječi za označavanje naziva boja. Sljedeća tablica navodi nazive boja, heksadecimalne i RGB kodove kojima odgovaraju.

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

Također je vrijedno napomenuti da je od 146 ključnih riječi tablice zapravo manje boja u njoj. To je zato što neke ključne riječi znače istu boju. Dakle, nazivi Grey i Grey označavaju 50% sive s kodom #808080, a riječ Magenta je sinonim za HTML boju Fuchsia, koja odgovara heksadecimalnom kodu #FF00FF. Također sinonimi su riječi Aqua i Cyan, odgovaraju kodu # 00FFFF.

Tablica (paleta) html boja daje vam priliku da samostalno odaberete ton koji vam je potreban. Vrijednost boje prikazuje se 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 dobivenoj boji.
• HSV (Hue, Saturation, Value - nijansa, zasićenost, vrijednost) - model boja, u kojem su koordinate:
  • Hue - nijansa, može varirati od 0 ° do 360 °.
  • Saturation - zasićenje, kreće se od 0-100 ili 0-1. Što je ovaj parametar veći, to je boja "čišća", zbog čega se ovaj parametar ponekad naziva čistoća boje. I što je ovaj parametar bliži nuli, to je boja bliža neutralnoj sivoj.
  • Vrijednost (vrijednost boje) - postavlja svjetlinu, vrijednost također može varirati između 0-100 ili 0-1.

Unesite kod boje: Ići

Popis boja s nazivima

U tablici su navedeni engleski nazivi boja (koji se mogu koristiti kao vrijednosti) koje podržavaju svi preglednici i njihove heksadecimalne vrijednosti. Sve navedene boje su "sigurne", odnosno prikazivat će se isto u svim preglednicima.

CSS kodovi boja koriste se za određivanje boje. Obično se kodovi boja ili vrijednosti boja koriste za postavljanje boje za prednji plan elementa (na primjer, boja teksta, boja veze) ili za pozadinu elementa (boja pozadine, boja bloka). Također se mogu koristiti za promjenu boje gumba, obruba, markera, lebdenja i drugih ukrasnih efekata.

Možete postaviti vlastite vrijednosti boja u različitim formatima. Sljedeća tablica navodi sve moguće formate:

Navedeni formati su detaljnije opisani u nastavku.

CSS boje - heksadecimalni kodovi

Heksadecimalni kod boja je šesteroznamenkasti prikaz boje. Prve dvije znamenke (RR) predstavljaju crvenu vrijednost, sljedeće dvije predstavljaju zelenu vrijednost (GG), a posljednje dvije predstavljaju plavu vrijednost (BB).

CSS boje - kratki heksadecimalni kodovi

Kratki heksadecimalni kod boje je kraći oblik šesteroznamenkastih zapisa. U ovom formatu svaka znamenka se ponavlja kako bi se dobila ekvivalentna šesteroznamenkasta vrijednost boje. Na primjer: # 0F0 postaje # 00FF00.

Heksadecimalna vrijednost može se uzeti iz bilo kojeg grafičkog softvera kao što je Adobe Photoshop, Core Draw, itd.

Svakom heksadecimalnom kodu boje u CSS-u prethodit će hash znak "#". U nastavku su primjeri korištenja heksadecimalnog zapisa.

CSS boje - RGB vrijednosti

RGB vrijednost je kod boje koji se postavlja pomoću svojstva rgb (). Ovo svojstvo ima tri vrijednosti, po jednu za crvenu, zelenu i plavu. Vrijednost može biti cijeli broj, od 0 do 255, ili postotak.

Bilješka: ne podržavaju svi preglednici svojstvo boje rgb (), pa se ne preporučuje da ga koristite.

Ispod je primjer koji prikazuje više boja pomoću RGB vrijednosti.

Generator kodova boja

Pomoću naše usluge možete stvoriti milijune kodova boja.

Sigurne boje preglednika

Ispod je tablica od 216 boja koje su najsigurnije i najneovisnije o računalu. Ove CSS boje se kreću od 000000 do FFFFFF heksadecimalno. Sigurni su za korištenje jer osiguravaju da sva računala ispravno prikazuju boju kada rade s paletom od 256 boja.

Boje html-a su označene sa šest znakova iza znaka kose crte - na primjer, # 000000. Ovih šest znakova predstavljaju omjere različitih boja (crvena, zelena, plava) u konačnoj boji. Na monitoru vašeg računala slika se formira od ogromnog broja točaka, zvanih pikseli. Svaki piksel je mali izvor svjetla, nazovimo ga „bašljika“, koja se pak sastoji od tri svjetiljke – crvene, zelene i plave. Smanjenjem ili povećanjem intenziteta sjaja pojedinih svjetala u boji, dobivamo željenu boju.

HTML kodovi boja

Boje u HTML-u su predstavljene heksadecimalom (HEX) za kombinaciju crvene, plave i zelene (RGB).

Najmanja vrijednost boje je 0 (hex 00). Najviša vrijednost boje je 255 (hex FF).

Heksadecimalna vrijednost boje je tri znamenke koja počinje znakom #.

Kodovi boja (vrijednosti)

16 milijuna nijansi

Kombinacija crvene, plave i zelene s djelićem svake boje od 0 do 255 daje više od 16 milijuna nijansi (256 x 256 x 256).

Većina modernih monitora može prikazati najmanje 16384 različite nijanse (LCD monitori općenito mogu prikazati 262 tisuće 16 milijuna (ažurirano u listopadu 2013.) boje, a CRT monitori su sposobni prikazati gotovo neograničen broj boja).

Tablica boja u nastavku prikazuje promjenu udjela crvene boje od 0 do 255 s nultim vrijednostima za plavu i zelenu:

Nijanse sive

Za dobivanje nijansi sive koriste se jednaki omjeri svih boja. Kako bismo olakšali odabir željene boje, nudimo vam kodove sivih tonova.

Nazivi html boja u više preglednika (za sve preglednike).

Zbirka od 150 html naziva boja podržanih u svim preglednicima.

Standardizirani nazivi boja

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

Kada koristite boje koje nisu uključene u ovaj popis, ispravnije je koristiti njihov heksadecimalni (HEX) ili RGB kod.

Sigurne boje

Prije nekoliko godina, kada su računala mogla podržavati najviše 256 različitih boja, predložen je popis od 216 "web-sigurnih boja" s 40 boja rezerviranih za sustav.

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

Sada to nije važno, jer većina računala diljem svijeta podržava milijune nijansi boja. U svakom slučaju, evo popisa ovih boja: