U web dizajnu postoji nekoliko metoda za reprezentacije boja.
Hex je šesterokutni sistem za reprezentaciju boje za bazu 16. Za ovaj sistem, arapski decimalni brojevi od 0 do 9 i latino pisma od A do F koristi se za dodavanje digitalnog broja na 16. za web dizajn, 16 glavnih (ključnih) boja, Takozvani heksadecimalni (ključni) #RRGGBB kod u boji, gdje je svaki par odgovoran za njegove boje: RR - crvena, gg - zelena i bb - plava. Svaki udio boje je u rasponu od 00 do FF.
Dvije druge prezentacije u web dizajnu Ovo: u obliku RGB (*, *, *), gdje je svaki "*" udio u boji predstavljen decimalnim brojevima od 0 do 255 i nazivima boja na engleski jezik.
Prilikom stvaranja slika u boji, glavni problem je pravilan prijenos boja na različite vrste Pismo, monitori i pregledači. Ako pretraživač ne može pravilno prikazati boju, a zatim pokupi sličan ili miješa nekoliko boja. A ponekad može zamijeniti na neku drugu boju.
Tablica 16 glavnih bojakoristi se u svim pretraživačima
Ime | Boja | HEX. | (RGB) |
Aqua (morski val) | # 00ffff. | (000,255,255) | |
Crna (crna) | #000000 | (000,000,000) | |
Plava (plava) | # 0000ff. | (000,000,255) | |
Fuchsia (Fuchsin) | # Ff00ff. | (255,000,255) | |
Siva (siva) | #808080 | (128,128,128) | |
Zelena (zelena) | #008000 | (000,128,000) | |
Lime (svijetlo zeleno) | # 00ff00. | (000,255,000) | |
Maroon (Dark Burgundy) | #800000 | (128,000,000) | |
Mornarica (mornarsko plava) | #000080 | (000,000,128) | |
Maslina (maslina) | #808000 | (128,128,000) | |
Ljubičasta (ljubičasta) | #800080 | (128,000,128) | |
Crveno (crveno) | # FF0000. | (255,000,000) | |
Srebro (srebro) | # C0C0C0. | (192,192,192) | |
Teal (sivo-zeleno) | #008080 | (000,128,128) | |
Bijelo (bijelo) | #Ffffff. | (255,255,255) | |
Žuta (žuta) | # Ffff00. | (255,255,000) |
Tablica ljubičasti Boje i njegove nijanse
Ime | Boja | HEX. | (RGB) |
Magenta (ljubičasta) | #Ffcbdb. | (255,203,219) | |
Magenta (ljubičasta) | # FF0099. | (255,000,153) | |
Magenta (Majer) | # F95A61 | (249,090,097) | |
Fuchsia (Fuchsia) | # Ff00ff. | (255,000,255) | |
MOVIN (ANILINE PURPLE) | # EF0097 | (239,000,151) | |
Losos ružičasta (narandžasta ružičasta) | # Ff91a4 | (255,145,164) | |
Cenise (nijansa ljubičasta) | # DE3163. | (153,149,140) | |
Aubergine patlidžan (patlidžan) | #990066 | (153,000,132) | |
Lavanda rumenilo (ružičasta lavanda) | & Nbsp # fff0f5 | (255,240,245) | |
Lilac (LILAC) | # C8A2c8. | (200,162,200) | |
Magenta (Majer) | # FF008F. | (255,000,143) | |
Orhideja (orhideja) | # DA70D6. | (218,112,214) | |
Crveno-ljubičasta (ljubičasta crvena) | # C71585. | (199,021,133) | |
Sanguine (Sangin) | # 92000A | (146,000,010) | |
Thistle (Tint Magenta) | # D8bfd8. | (185,211,238) | |
Violet-patlidžan (nijansa ljubičaste) | #991199 | (153,017,153) | |
Rosa Vivo (bogata ružičasta) | # FF007F. | (255,000,127) | |
Lavender-Rose (nijansa ljubičaste) | # Fba0e3 | (108,123,139) | |
Mountbatten Pink (Pink Mounbatten) | # 997ABD | (153,122,141) |
Tablica siva Boje i njegove nijanse
Ime | Boja | HEX. | (RGB) |
Siva (siva) | #808080 | (128,128,128) | |
Siva (siva) | #bebebe. | (190,190,190) | |
(Siva tona) | #858585 | (133,133,133) | |
Grey33 (siva-33) | #545454 | (084,084,084) | |
(Siva škriljevca) | #708090 | (112,128,144) | |
(Kvarc) | # 99958S. | (153,149,140) | |
(Svijetlo siva) | #bbbbbb. | (187,187,187) | |
(Srebro) | # C0C0C0. | (192,192,192) | |
(Sivo bijelo) | # F0f0f0. | (240,240,240) | |
(Brada Abdel-Kerim) | # E0e0e0. | (224,224,224) | |
LightGray (sivo svjetlo) | # D3d3d3 | (211,211,211) | |
LightStategray () | #778899 | (119,136,153) | |
DržavaGray-1 (Pale Vasilka1) | # C6E2FF. | (198,226,255) | |
DržavaGray-2 (Pale Vasilkova2) | # B9d3ee | (185,211,238) | |
DržavaGray3 () | # 9FB6CD. | (159,182,205) | |
DržavaGray4 () | # 6c7b8b. | (108,123,139) |
Stol (paleta) HTML boje Pruža vam mogućnost samostalno odabrati ton koji vam treba. Vrijednost boje prikazuje se u tri formata: Hex, RGB i HSV.
- Hex se sastoji od tri dvije simboličke vrijednosti u sistemu šesterokutnog broja. Na primjer: # FF00B3, gdje je prvi par brojeva crveni, drugi je zeleni, a trećina je plava.
- RGB (RedgreenBlue) ima obrazac "200,100,255", što ukazuje na količinu odgovarajućeg tona (crvena, zelena, plava) u rezultirajućoj boji.
- HSV (Hue, zasićenost, Vrijednost - ton, zasićenost, vrijednost) - Model boja u kojem su koordinate:
- Hue - Ton boja, može varirati od 0 ° do 360 °.
- Zasićenost - zasićenost, varira u rasponu od 0-100 ili 0-1. Što je veći ovaj parametar, "čistač" boja, tako da se ovaj parametar ponekad naziva čistoć boje. I bliže ovaj parametar na nulu, bliže boji neutralnoj sivoj boji.
- Vrijednost (vrijednost boja) - Određuje svjetlinu, vrijednost se može varirati i u rasponu od 0-100 ili 0-1.
Unesite kod u boji: Idi.
Lista boja s imenima
Tabela navodi imena boja na engleskom jeziku (koja se mogu koristiti kao vrijednosti) podržane svim pretraživačima i njihove heksadecimalne vrijednosti. Sve navedene boje su "sef", odnosno u svim preglednicima će se prikazati jednako.
Boja naslova | HEX. | Boja |
---|---|---|
Crna. | #000000 | |
Mornarica. | #000080 | |
Tamno plava | # 00008b. | |
Srednje boje. | # 0000CD. | |
Plavi | # 0000ff. | |
Tamno zelena. | #006400 | |
Zeleno. | #008000 | |
Teal | #008080 | |
Darkcyan. | # 008B8B. | |
DeepSkyblue. | # 00bfff. | |
DarkTurquoise. | # 00CD1 | |
Medidespringgreen | # 00fa9a. | |
Lime. | # 00ff00. | |
Springgreen. | # 00ff7f. | |
Aqua. | # 00ffff. | |
Cyan. | # 00ffff. | |
Midnightblue. | #191970 | |
Dodgerblue | # 1e90ff. | |
Svetlosseagreen. | # 20b2aa. | |
Forestgreen. | # 228b22. | |
Seagreen. | # 2E8B57 | |
Darksklategray. | # 2F4F4F. | |
Limgreen. | # 32CD32 | |
Srednjeseagreen | # 3cb371 | |
Tirkiz. | # 40E0D0. | |
Royalblue. | # 4169E1 | |
Čelična pločica. | # 4682B4 | |
Darksklateblue | # 483d8b | |
Srednjerquooise | # 48d1cc | |
Indigo. | # 4B0082. | |
Darkolivegreen. | # 556b2f. | |
Cadetblue. | # 5F9EA0. | |
Kukuruzlowerblue. | # 6495ED | |
Memadequamarine | # 66cdaa | |
Dimgray. | #696969 | |
Slateblue | # 6A5ACD. | |
Oliverab | # 6B8E23. | |
Slategray. | #708090 | |
Svjetlosnategray. | #778899 | |
Srednjesmedislateblue | # 7b68ee. | |
LAWNGREEN. | # 7cfc00. | |
Chartreuse | # 7fff00. | |
Akvamarin | # 7fffd4. | |
Maroon. | #800000 | |
Ljubičasta. | #800080 | |
Olive. | #808000 | |
Siva. | #808080 | |
Nebo plavo. | # 87Ceeb. | |
Lightskyblue. | # 87CEFA. | |
Blueviolet. | # 8A2BE2 | |
Tamno crvena. | # 8B0000. | |
Darkmagenta. | # 8B008B. | |
Sedla. | # 8B4513 | |
Darkseagreen. | # 8FBC8F. | |
Lightgreen. | # 90EE90. | |
Mediluburple. | # 9370d8. | |
Darkviolet. | # 9400d3. | |
Palegreen. | # 98FB98. | |
Darkorchid. | # 9932cc | |
Yellowgreen | # 9ACD32 | |
Sienna. | # A0522D. | |
Brown. | # A52A2A. | |
Tamno siva. | # A9A9A9 | |
Svijetlo plavo | # Add8e6 | |
Greenyllowllow. | # Adff2f. | |
Paleturquooise. | #Afeeeeee. | |
Lightsteelblue. | # B0C4DE | |
Praškasti. | # B0E0E6 | |
Vatrogasan | # B22222. | |
Darkgoldenrod. | # B8860B. | |
Srednjerchid | # BA55D3 | |
Rosybrown. | # Bc8f8f. | |
Darkkhaki. | # Bdb76b. | |
Srebro | # C0C0C0. | |
Srednjedioletored. | # C71585. | |
Indijanred. | # CD5C5C. | |
Peru. | # CD853F. | |
Čokolada. | # D2691E. | |
Tan. | # D2B48C. | |
Svijetlo siva. | # D3d3d3 | |
Palevioletred. | # D87093. | |
Thistle | # D8bfd8. | |
Orhideja. | # DA70D6. | |
Goldenrod. | # DAA520. | |
Crimson. | # DC143C. | |
Gainsboro. | #Dcdcdc. | |
Šljiva. | # Dda0dd. | |
Burlywood. | # Deb887. | |
Lightcyan. | # E0ffff. | |
Lavanda | # E6E6FA | |
Darksalmon. | # E9967A | |
Violet. | # Ee82ee | |
Palegoldenrod. | # Eee8aa | |
Lightcoral | # F08080. | |
Khaki. | # F0E68C. | |
Aliceblue. | # F0f8ff. | |
Honeydew. | # F0fff0. | |
Azure. | # F0ffff. | |
Sandybrown. | # F4A460 | |
Pšenica. | # F5Deb3 | |
Bež | # F5f5dc. | |
Whitesmoke | # F5f5f5 | |
Mintcream | # F5fffa | |
Ghostwhite. | # F8f8ff. | |
Losos. | # FA8072. | |
Antiquewhite. | # Faebd7 | |
Posteljina. | # FAF0E6 | |
Lightgoldenrodyellowell | # Fafad2. | |
Oldlace. | # Fdf5e6 | |
Crvena | # FF0000. | |
Fuchsia. | # Ff00ff. | |
Magenta. | # Ff00ff. | |
Deeppink. | # FF1493 | |
Narančen | # FF4500. | |
Paradajz. | # FF6347 | |
Hotpink | # Ff69b4 | |
Koralj | # FF7F50 | |
Darkrorange. | # FF8C00. | |
LightlAlmon. | # Ffa07a | |
Narandžasta. | # FFA500. | |
LightPink. | # Ffb6c1 | |
Ružičasta. | # Ffc0cb | |
Zlato. | # FFD700. | |
Peachpuff | # Ffdab9 | |
Navajowhite. | #Ffdead. | |
Mokasin. | # FFE4B5 | |
Bisque. | # FFE4C4 | |
Mistyrose. | # FFE4E1 | |
Blanchedalmond. | #Ffebcd. | |
Papayawhip. | # FFEFD5 | |
LavenderBlush. | # Fff0f5. | |
Seashell. | # Fff5ee | |
Cornsilk. | # Fff8dc | |
Limunchiffon. | #Fffacd. | |
Floraldwhite. | # Fffaf0. | |
Snijeg | #Fffafa. | |
Žuto | # Ffff00. | |
Svjetlo | # Ffffe0. | |
Ivory. | # Fffff0. | |
Bijela | #Ffffff. |
Za postavljanje boja brojevi se koriste u heksadecimalnom kodu. Teksadecimalni sistem, za razliku od decimalnog sistema, zasnovan je, kako slijedi iz svog imena, među brojem 16. Brojevi će biti sljedeći: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Podaci sa 10 do 15 zamijenjeni su latinopisnim slovima. Brojevi su veći od 15 u šesterokutni sustav formirani su kombinacijom dva broja u jednom. Na primjer, broj 255 u decimalni sistem odgovara broju FF u heksadecimalnom sistemu. Da ne bi zbunio konfuziju u definiciji broja broja, simbol mreže postavljen je prije heksadecimalnog, na primjer # 666999. Svaka od tri boje je crvena, zelena i plava - može preuzeti vrijednosti od 00 do FF. Stoga je oznaka boje podijeljena u tri komponente #rrggbb, gdje prva dva znaka označavaju crvenu komponentu boje, dva srednja - zelena, a posljednja dva su plava. Dozvoljeno je korištenje skraćenog oblika #RGB-a, gdje bi svaki znak trebao udvostručiti. Dakle, evidentiranje # FE0 treba smatrati # FFEE00.
Po naslovu
Internet Explorer. | Chrome. | Opera. | Safari. | Firefox. | Android | iOS. |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Preglednici podržavaju neke boje prema njihovom imenu. U kartici. 1 prikazuje imena, heksadecimalni kod, vrijednosti u RGB, HSL formatu i opis.
Ime | Boja | Kod | RGB. | HSL. | Opis |
---|---|---|---|---|---|
bijela | #Fffffff ili #fff. | rGB (255,255,255) | hSL (0,0%, 100%) | Bijela | |
srebro | # C0C0C0. | rGB (192,192,192) | hSL (0,0%, 75%) | Siva | |
siva. | #808080 | rGB (128.128,128) | hSL (0,0%, 50%) | Tamno siva | |
crna. | # 000000 ili # 000 | rGB (0,0,0) | hSL (0,0%, 0%) | Crna | |
maroon. | #800000 | rGB (128,0,0) | hSL (0.100%, 25%) | Tamno crvena | |
crvena | # FF0000 ili # F00 | rGB (255,0,0) | hSL (0.100%, 50%) | Crvena | |
narandžasta. | # FFA500. | rGB (255,165,0) | hSL (38.8.100%, 50%) | Narandžasti | |
Žuto | # Ffff00 ili # ff0 | rGB (255,255,0) | hSL (60.100%, 50%) | Žuto | |
olive. | #808000 | rGB (128.128.0) | hSL (60.100%, 25%) | Maslina | |
lime. | # 00ff00 ili # 0f0 | rGB (0.255.0) | hSL (120.100%, 50%) | Svijetlo zeleno | |
zeleno. | #008000 | rGB (0.128.0) | hSL (120.100%, 25%) | Zelenilo | |
aqua. | # 00ffff ili # 0ff | rGB (0,255,255) | hSL (180.100%, 50%) | Plavi | |
plavi | # 0000FF ili # 00F | rGB (0,0 255) | hSL (240.100%, 50%) | Plavi | |
mornarica. | #000080 | rGB (0,028) | hSL (240.100%, 25%) | Tamno plava | |
teal. | #008080 | rGB (0,128,128) | hSL (180.100%, 25%) | Sine-zelena | |
fuchsia. | # Ff00ff ili # f0f | rGB (255,0 255) | hSL (300.100%, 50%) | Ružičasti | |
ljubičasta. | #800080 | rGB (128.028) | hSL (300.100%, 25%) | Ljubičasti |
Pomoću RGB-a.
Internet Explorer. | Chrome. | Opera. | Safari. | Firefox. | Android | iOS. |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Možete odrediti boju koristeći vrijednosti crvene, zelene i plave komponente u decimalnom kalkulusu. Svaka od tri komponente u boji uzima vrijednost od 0 do 255. Dozvoljena je i postavljanje boje kao postotni odnos, a 100% će odgovarati na prvo mjesto, naznačeno je RGB ključna riječ, a zatim u zagradama, a zatim u zagradama, Komponente u boji, poput RGB (255, 128, 128) ili RGB (100%, 50%, 50%).
Rgba
Internet Explorer. | Chrome. | Opera. | Safari. | Firefox. | Android | iOS. |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA format sličan je sintaksu na RGB-u, ali uključuje alfa kanal koji određuje transparentnost elementa. Vrijednost 0 odgovara potpunoj prozirnosti, 1 - neprozirnosti, te intermedijarnu vrijednost poput 0,5 - prozirna.
RGBA je dodan u CSS3, tako da se validacija CSS koda mora provesti u skladu s ovom verzijom. Treba napomenuti da je CSS3 standard i dalje u razvoju i neke mogućnosti u njoj se mogu promijeniti. Na primjer, boja u RGB formatu dodaje u nekretninu u boji dodaje validaciju, a pozadina je već dodana u nekretninu. Istovremeno, preglednici sasvim pravilno razumiju boju za obje svojstva.
HSL.
Internet Explorer. | Chrome. | Opera. | Safari. | Firefox. | Android | iOS. |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Ime hSL format Educirano iz kombinacije prvih slova nijansi (nijansa), saturata (zasićenost) i lakoće (Svetlota). Shade je vrijednost boja u krugu u boji (Sl. 1) i postavljena u stupnjevima. 0 ° odgovara crvenoj boji, 120 ° - zelenoj i 240 ° - plavoj boji. Vrijednost nijanse može varirati od 0 do 359.
Sl. 1. Krug u boji
Zasićenost je intenzitet boje, mjeri se kao postotak od 0% do 100%. Vrijednost 0% ukazuje na odsustvo boje i nijanse sive, 100% maksimalne vrijednosti zasićenja.
Svetlota setovi koliko je boja svijetla i naznačena je kao postotak od 0% do 100%. Male vrijednosti čine boju tamnije, a velike svjetlije, ekstremne vrijednosti od 0%, a 100% odgovaraju crnoj i bijeloj boji.
HSLA
Internet Explorer. | Chrome. | Opera. | Safari. | Firefox. | Android | iOS. |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format HSLA sličan je HSL sintaksu, ali uključuje alfa kanal koji određuje transparentnost elementa. Vrijednost 0 odgovara potpunoj prozirnosti, 1 - neprozirnosti, te intermedijarnu vrijednost poput 0,5 - prozirna.
Vrijednosti boja u RGBA, HSL i HSLA formatama dodaju se CSS3, tako da kada koristite ove formate, provjerite kôd za valjanost uzimajući u obzir verziju.
HTML5 CSS2.1 CSS3 IE CR OP SA FX
Upozorenje
Svi metode ribolova Lion navedeni na mjestu su teorijski i temelje se na računalnim metodama. Autori ne garantuju vašu sigurnost kada ih koristite i uklonite svu odgovornost za rezultat. Zapamtite, lav je grabežljivca i opasna životinja!
Rezultat ovaj primer prikazano na slici. 2.
Sl. 2. Boje na web stranici
Ova stranica sadrži tablicu ključnih riječi koja se može koristiti za označavanje boja na takvim web programerima jezicima kao: HTML, CSS, JavaScript, flash i drugi.
U staru specifikaciju, WC3 briga je napisana samo 16 ključne riječiUz pomoć od kojih su boje instalirane u HTML i CSS. U daljnjim, modernijim specifikacijama dodano je još 130 ključnih riječi za imenovanje imena boja. Sljedeća tablica sadrži imena boja, heksadecimalnih i RGB kodova koji odgovaraju.
U skladu sa CSS pravilima, imena boja nisu osjetljiva na registar. Indijske i indijske boje su ekvivalentne.
Također vrijedi obraćati pažnju na to 146 ključnih riječi tabele, boje u njemu su zapravo manje. To je uzrokovano činjenicom da neke ključne riječi označavaju istu boju. Dakle, imena su siva i siva označava 50 posto sive boje s kodom # 808080, a riječ magenta je sinonim Html boje Fuchsia koja odgovara Hex # FF00FF-u. Takođe, sinonimi su riječi aqua i cijan, odgovaraju # 00ffff kodu.
|
|
CSS modul u boji detaljno opisuje vrijednosti koje omogućuju autorima da odrede boje i neprozirnost HTML elemenata, kao i vrijednosti objekta u boji.
Nekretnina u boji
1. Prioritetne boje: nekretnina u boji
Nekretnina postavlja boju fonta pomoću različitih sistema reprodukciju boja. Nekretnina opisuje boju elementa sadržaja teksta. Pored toga, koristi se za pružanje potencijalne indirektne vrijednosti (tekućine) za bilo koja druga svojstva koja uzimaju vrijednosti boja.
Nekretnina je naslijeđena.
2. Vrijednosti boje
2.1. Glavne ključne riječi
Popis osnovnih ključnih riječi uključuje sljedeće vrijednosti:
Ime | HEX. | RGB. | Boja |
---|---|---|---|
Crna. | #000000 | 0,0,0 | |
Srebro | # C0C0C0. | 192,192,192 | |
Siva. | #808080 | 128,128,128 | |
Bijela | #Ffffff. | 255,255,255 | |
Maroon. | #800000 | 128,0,0 | |
crvena | # FF0000. | 255,0,0 | |
Ljubičasta. | #800080 | 128,0,128 | |
Fuchsia. | # Ff00ff. | 255,0,255 | |
Zeleno. | #008000 | 0,128,0 | |
Lime. | # 00ff00. | 0,255,0 | |
Olive. | #808000 | 128,128,0 | |
Žuto | # Ffff00. | 255,255,0 | |
Mornarica. | #000080 | 0,0,128 | |
Plavi | # 0000ff. | 0,0,255 | |
Teal. | #008080 | 0,128,128 | |
Aqua. | # 00ffff. | 0,255,255 |
Imena boja nisu osjetljiva na registar.
Sintaksa
Boja: teal;
2.2. Numeričke vrijednosti boje
2.2.1. Boje RGB modela
Format RGB vrijednosti u heksadecimalnom formatu je znak #, a zatim odmah tri ili šest heksadecimalnih znakova. Trocifrena evidencija RGB #RGB pretvorena je u šestocifreni oblik #rrggggbb kopiranjem brojeva, a ne dodavanjem nula. Na primjer, # FB0 se širi na # FFBB00. To osigurava da bijeli #ffffff može biti naveden u kratkom #fff zapisu, a ukloniti sve ovisnosti iz dubine boje prikaza.
Format RGB vrijednosti u funkcijskoj notaciji - RGB (nakon čega slijedi popis odvojenih zarezom od tri numeričke vrijednosti (ili tri cijele vrijednosti ili tri postotka), a zatim simbol). Integer vrijednost 255 odgovara 100% i f ili f ili ff ili ff ili ff u heksadecimalnom snimku:
RGB (255,255,255) \u003d RGB (100%, 100%, 100%) \u003d #fff
Svemirski likovi su dozvoljeni oko numeričkih vrijednosti.