999999 html krāsa. Krāsu stilos var iestatīt dažādos veidos: pēc heksadecimālās vērtības, pēc nosaukuma, RGB, RGBA, HSL, HSLA formātā
>>Krāsu pārvaldība
Heksadecimālās RGB krāsu vērtības
Krāsu aprakstīšanas un apstrādes metodes atšķiras viena no otras ar to, kādam galīgajam attēlojumam tās ir paredzētas. Salīdzināsim, piemēram, krāsu attēlojumus poligrāfijai un datoru monitoriem. Pirmajā gadījumā pamats ir balts papīra krāsa, uz kuras pēc tam tiek uzklātas trīs pamatkrāsas: zils, violets un dzeltens. Sajaucoties savā starpā un ar papīra balto krāsu dažādās proporcijās, šīs trīs pamatkrāsas dod dažādus krāsu toņus, izņemot tīri melno, vai, ja nav krāsu, tās piešķir. balta krāsa papīrs. Ja mēs pievienojam tiem melno, mēs iegūstam CMYK- veids, kā nodot krāsu, ja vēlamā krāsa tiek iegūta, atņemot trūkstošās krāsas no baltās.
Otrajā gadījumā pamats ir melns monitora ekrāna krāsa, kura katra šūna spīd vienā no trim krāsām: sarkans-sarkans, zaļš-zaļa un zils- zils. Pēc tam, ja nav nekādas spīduma, mēs iegūstam tīri melnu ekrāna krāsu, un jebkura no nepieciešamajām krāsām tiek iegūta pēc katras no trīs krāsu attiecības. Šajā gadījumā mēs saņemsim RGB- Krāsu pārneses metode. Pamatkrāsām var būt nozīme no 0
pirms tam 255
, vai no 0%
pirms tam 100%
, vai to var attēlot kā heksadecimālu vērtību. Zemāk esošajā attēlā varat redzēt primāro krāsu sajaukšanas rezultātus.
Heksadecimālajai skaitļu sistēmai, atšķirībā no decimālo skaitļu sistēmas, ciparu sērijā ir nevis desmit cipari, bet gan sešpadsmit - tātad nosaukums. Attiecīgi divu ciparu kombināciju neatkārtojamie varianti var būt tikai - 256 , lai turpinātu ciparu sēriju pēc tam 9 vēstules no A pirms tam F, tāpēc rinda izskatīsies šādi -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Šajā gadījumā krāsu nosaka trīs heksadecimālie skaitļi, no kuriem katrs sastāv no diviem cipariem. Pirmais cipars nosaka intensitāti sarkans krāsas, vidēji zaļš, pēdējā lieta- zils krāsas. Visiem skaitļiem var būt vērtības, sākot no 00 pirms tam FF(no 0 līdz 255). Piemēram: zaļa krāsa dots kā #00FF00, sarkans - patīk #FF0000, zils - patīk #0000FF, balts - patīk #FFFFFF, pilnīgs krāsas vai melnās krāsas trūkums tiek norādīts kā #000000 .
Zemāk esošajā veidlapā varat iestatīt jebkuras heksadecimālās vērtības katrai no trim krāsām un redzēt to sajaukšanas rezultātu, noklikšķinot uz izvades laukā.
Dažu heksadecimālo RGB krāsu vērtību piemēri: sarkanas, zilas un zaļas gradācijas.
skats | kods | skats | kods | skats | kods | skats | kods | skats | kods | skats | kods |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Krāsas norādīšana ar virknes burtiem
Lietošanas ērtībai dažām krāsām un to kombinācijām tika piešķirti nosaukumi, kurus atpazīst visas pārlūkprogrammas, un kļuva iespējams daudzas no tām iestatīt pēc nosaukuma. Tālāk esošajā tabulā ir parādīti daži krāsu nosaukumi:
skats | nosaukums | skats | nosaukums | skats | nosaukums | skats | nosaukums |
Balts | sarkans | apelsīns | Dzeltens | ||||
Zaļš | Zils | Violets | Melns | ||||
Alise zila | antīki balts | Aqua | akvamarīns | ||||
debeszils | Bēšs | Biskvīns | blanšētā mandele | ||||
Zili violeta | Brūns | Burlivuda | Kadets zils | ||||
chartreuse | Šokolāde | Koraļļi | Rudzupuķu zils | ||||
Kukurūzas zīda | Crimson | Ciāna | tumši zils | ||||
tumši zils | tumšā zelta stienis | tumši pelēks | tumši zaļa | ||||
Darkhaki | Tumši purpura | Tumši zaļš | tumši oranža | ||||
Darkorhideja | tumši sarkans | tumšais lasis | Tumši zaļš | ||||
tumši šīfera zils | tumši šīfera pelēks | tumši tirkīza | Tumši violeta | ||||
Dziļi rozā | dziļi debeszils | Blāvs pelēks | izgudrotājs zils | ||||
Uguns ķieģelis | Ziedu balts | mežzaļš | Fuschia | ||||
Geinsboro | spoku balts | Zelts | Goldenrod | ||||
Pelēks | Zaļdzeltens | Medusrasa | Koši rozā | ||||
Indijas sarkanais | Indigo | Ziloņkauls | Haki | ||||
Lavanda | Lavandas sārtums | Citronu šifons | gaiši zils | ||||
gaišais koraļlis | gaiši zils | gaiši auksti dzeltens | gaiši zaļš | ||||
gaiši pelēks | Gaiši rozā | viegls lasis | gaiši zaļš | ||||
Gaiši debeszils | Gaiši šīfera pelēks | gaiši tērauda zils | gaiši dzeltens | ||||
laims | Laima zaļš | veļa | Magenta | ||||
sarkanbrūns | vidējs akvamarīns | vidēji zils | Vidēja orhideja | ||||
Vidēji violets | Vidēji zaļš | Vidēji slate zils | Vidēji pavasara zaļš | ||||
vidēji tirkīza | vidēji violets sarkans | pusnakts zils | piparmētru krēms | ||||
miglains | Navajobalts | Navy | vecā mežģīne | ||||
Olīva | Olivedrab | oranži sarkans | Orhideja | ||||
palegoldenrod | Paleggreen | paletirkīza | bāli violets | ||||
papaija pātaga | Persiku pufs | Peru | Rozā | ||||
Plūme | Pulverzils | Rozbrūns | karaliski zils | ||||
seglbrūns | jūras zaļš | Jūras gliemežvāks | Sjenna | ||||
Sudrabs | debesu zils | Slānekļa zils | Slategray | ||||
Sniegs | Springgreen | tērauda zils | Iedegums | ||||
Teal | Dadzis | tomāts | Tirkīzs | ||||
violets | Kvieši | Whitesmoke | dzelteni zaļa |
Droša krāsu atlasītāja izmantošana
Diemžēl dažādās platformās ar dažādiem sistēmas iestatījumiem pareiza krāsu atveide ir problēma. Lieta tāda, ka pārlūkprogramma vienmēr cenšas pielāgot dokumenta krāsu paleti sistēmas iestatījumiem un monitora iespējām, pati sajaucot un nomainot krāsas. Rezultātā dažreiz lietotājs redz ne gluži to, ko tīmekļa pārzinis viņam gribēja parādīt. Izeja no šīs situācijas tika atrasta, izmantojot paletes, kuras katra krāsa tiek garantēta vienādi ar visām pārlūkprogrammām dažādās platformās. Šī t.s garantēta palete, kas pazīstama arī kā droši palete. Šajā paletē ir iekļautas krāsas, kuru krāsu komponentiem ir šādas vērtības: 00 ,33 ,66 ,99 , CC,FF, visos iespējamajos 216 to kombinācijas.
skats | kods | skats | kods | skats | kods | skats | kods | skats | kods | skats | kods |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99 FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99 FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66 FF00 | 66FF33 | 33 FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00 FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99 FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33 FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000 FF | 0000 CC | 0033CC | 000033 | ||||||
3333FF | 3300 FF | 3300 CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600 FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600 CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900 FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
HTML valodā krāsu var norādīt trīs veidos:
Krāsu iestatīšana HTML valodā pēc tā nosaukuma
Dažas krāsas var norādīt pēc to nosaukuma, izmantojot krāsas nosaukumu uz angļu valoda. Visizplatītākie atslēgvārdi: melns (melns), balts (balts), sarkans (sarkans), zaļš (zaļš), zils (zils) utt.:
Teksta krāsa - sarkana
Vispopulārākās World Wide Web Consortium (W3C) standarta krāsas ir:
Krāsa | Vārds | Krāsa | Vārds | Krāsa | Vārds | Krāsa | Vārds |
---|---|---|---|---|---|---|---|
Melns | Pelēks | Sudrabs | Balts | ||||
Dzeltens | laims | Aqua | Fuksija | ||||
sarkans | Zaļš | Zils | Violets | ||||
sarkanbrūns | Olīva | Navy | Teal |
Dažādu krāsu nosaukumu izmantošanas piemērs:
Piemērs: krāsas iestatīšana pēc tās nosaukuma
- Izmēģiniet to pats"
Galvene uz sarkana fona
Virsraksts uz oranža fona
Galvene uz laima fona
Balts teksts uz zila fona
Galvene uz sarkana fona
Virsraksts uz oranža fona
Galvene uz laima fona
Balts teksts uz zila fona
Krāsu norādīšana ar RGB
Rādot dažādas krāsas monitorā, par pamatu tiek ņemta RGB palete. Jebkura krāsa tiek iegūta, sajaucot trīs galvenās: R - sarkans, G — zaļš (zaļš), B — zils (zils). Katras krāsas spilgtumu nosaka viens baits, un tāpēc tas var būt no 0 līdz 255. Piemēram, RGB (255,0,0) tiek atveidots kā sarkans, jo sarkanajam ir iestatīta tā augstākā vērtība (255) un pārējais ir iestatīts uz 0 Varat arī iestatīt krāsu kā procentus. Katrs no parametriem norāda atbilstošās krāsas spilgtuma līmeni. Piemēram: vērtības rgb(127, 255, 127) un rgb(50%, 100%, 50%) iestatīs tādu pašu vidēja piesātinājuma zaļo krāsu:
Piemērs: krāsas norādīšana ar RGB
- Izmēģiniet to pats"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Iestatiet krāsu pēc heksadecimālās vērtības
Vērtības R G B var norādīt arī, izmantojot heksadecimālās (HEX) krāsu vērtības šādā formā: #RRGGBB kur RR (sarkans), GG (zaļš) un BB (zils) ir heksadecimālās vērtības no 00 līdz FF (tā pati kā decimālā 0- 255) . Heksadecimālā sistēma atšķirībā no decimālās sistēmas, kā norāda tās nosaukums, ir balstīta uz skaitli 16. Heksadecimālajā sistēmā tiek izmantotas šādas rakstzīmes: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Šeit tiek aizstāti skaitļi no 10 līdz 15 ar latīņu burtiem. Skaitļi, kas lielāki par 15 collām heksadecimālā sistēma ir divu rakstzīmju apvienojums vienā vērtībā. Piemēram, lielākais skaitlis 255 decimāldaļās atbilst lielākajam FF heksadecimāldaļā. Atšķirībā no decimālās sistēmas, heksadecimālā skaitļa priekšā ir mārciņas zīme. # , piemēram, #FF0000 tiek parādīts sarkanā krāsā, jo sarkanajam ir iestatīta tā augstākā vērtība (FF), bet pārējām krāsām ir iestatīta minimālā vērtība (00). Rakstzīmes aiz jaucējzīmes # var rakstīt gan ar lielajiem, gan mazajiem burtiem. Heksadecimālā sistēma ļauj izmantot saīsinātu formu #rgb, kur katra rakstzīme ir vienāda ar divreiz. Tādējādi ieraksts #f7O jāuzskata par #ff7700.
Piemērs: krāsa HEX
- Izmēģiniet to pats"
sarkans: #FF0000
zaļš: #00FF00
zils: #0000FF
sarkans: #FF0000
zaļš: #00FF00
zils: #0000FF
sarkans+zaļš=dzeltens: #FFFF00
sarkans+zils=violeta: #FF00FF
zaļš+zils=ciāna: #00FFFF
Visbiežāk izmantoto krāsu saraksts (nosaukums, HEX un RGB):
nosaukums angļu valodā | Krievu nosaukums | Paraugs | HEX | RGB | ||
---|---|---|---|---|---|---|
Amarants | amarants | #E52B50 | 229 | 43 | 80 | |
Dzintars | Dzintars | #FFBF00 | 255 | 191 | 0 | |
Aqua | zils zaļš | #00FFFF | 0 | 255 | 255 | |
debeszils | debeszils | #007FFF | 0 | 127 | 255 | |
Melns | Melns | #000000 | 0 | 0 | 0 | |
Zils | Zils | #0000FF | 0 | 0 | 255 | |
Bondi Blue | Bondi pludmales ūdens | #0095B6 | 0 | 149 | 182 | |
Misiņš | Misiņš | #B5A642 | 181 | 166 | 66 | |
Brūns | Brūns | #964B00 | 150 | 75 | 0 | |
Cerulean | debeszils | #007BA7 | 0 | 123 | 167 | |
tumši pavasara zaļš | Tumši pavasara zaļš | #177245 | 23 | 114 | 69 | |
Smaragds | Smaragds | #50C878 | 80 | 200 | 120 | |
Baklažāns | baklažāns | #990066 | 153 | 0 | 102 | |
Fuksija | Fuksija | #FF00FF | 255 | 0 | 255 | |
Zelts | Zelts | #FFD700 | 250 | 215 | 0 | |
Pelēks | Pelēks | #808080 | 128 | 128 | 128 | |
Zaļš | Zaļš | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
laims | Laims | #CCFF00 | 204 | 255 | 0 | |
Malahīts | Malahīts | #0BDA51 | 11 | 218 | 81 | |
Navy | Tumši zils | #000080 | 0 | 0 | 128 | |
Ocher | Ocher | #CC7722 | 204 | 119 | 34 | |
Olīva | Olīva | #808000 | 128 | 128 | 0 | |
apelsīns | apelsīns | #FFA500 | 255 | 165 | 0 | |
persiku | Persiku | #FFE5B4 | 255 | 229 | 180 | |
Ķirbis | Ķirbis | #FF7518 | 255 | 117 | 24 | |
Violets | violets | #800080 | 128 | 0 | 128 | |
sarkans | sarkans | #FF0000 | 255 | 0 | 0 | |
Safrāns | Safrāns | #F4C430 | 244 | 196 | 48 | |
jūras zaļa | zaļā jūra | #2E8B57 | 46 | 139 | 87 | |
Purva zaļa | Bolotnijs | #ACB78E | 172 | 183 | 142 | |
Teal | zils zaļš | #008080 | 0 | 128 | 128 | |
Ultramarīns | ultramarīns | #120A8F | 18 | 10 | 143 | |
violets | violets | #8B00FF | 139 | 0 | 255 | |
Dzeltens | Dzeltens | #FFFF00 | 255 | 255 | 0 |
Krāsu kodi (fons) pēc piesātinājuma un nokrāsas.
Kā zināms, krāsa var ietekmēt cilvēka stāvokli: gan garīgo, gan fizisko. Katru dienu, pārlūkojot internetu, acis novērtē miljoniem krāsu un toņu. Tīmekļa dizainers, kurš pārzina krāsu psiholoģiju, var kontrolēt apmeklētāja noskaņojumu, lai sasniegtu jebkādus mērķus.
Tas ir saistīts ar faktu, ka daži toņi nomierina, bet daži, gluži pretēji, uzbudina. Tālāk mēs runāsim par to, kā krāsa tiek sintezēta un parādīta, izmantojot datortehnoloģiju.
RGB ir krāsu modelis, kas attēlo visu krāsu un to nokrāsu iegūšanas metodi, dažādās proporcijās sajaucot trīs galvenās sastāvdaļas, kas ir:
- Sarkanā krāsa ( sarkans);
- zaļa krāsa ( Zaļš);
- zila krāsa ( Zils).
No šejienes cēlies saīsinātais nosaukums RGB. Šīs krāsas ir izvēlētas kā galvenās iemesla dēļ: iemesls ir cilvēka acs tīklenes fizioloģija un tas, kā tā tās uztver:
RGB modelis joprojām ir vispopulārākais mūsdienās un tiek izmantots krāsu reproducēšanai TV ekrānos un datoru monitoros. Tā kā ražotāji nodrošina savus produktus dažādas īpašības, 1996. gadā tika izveidota viena sistēma krāsu sintēze, kuras pamatā ir RGB, ko sauc par sRGB , pie kuras kopīgi strādāja Microsoft un HP.
Ciparu krāsu attēlojums
Kā minēts iepriekš, RGB krāsas tiek veidotas, sajaucot primārās krāsas. Lai aprakstītu katra no tiem intensitāti, tika pieņemta shēma, kurā krāsa tiek attēlota diapazonā no 0 līdz 255 (8 biti), kas atbilst 00-FF heksadecimālā izteiksmē.
Tas ir, primārās krāsas izskatīsies šādi:
- Sarkans — RGB (255.0.0);
- Zaļš — RGB (0,255,0);
- Zils — RGB (0,0,255);
Ja krāsas intensitāte ir mazāka par 255, tiek iegūti dažādi sarkanā, zaļā un zilā nokrāsas. Tālāk ir sniegta to gradācijas tabula, kā arī katras nokrāsas heksadecimālās vērtības:
RGB krāsu diagrammas
Protams, papildus primāro krāsu gradācijām ir arī jauktas krāsas, un to skaits ir diezgan liels. Tāpēc tika izveidota RGB krāsu tabula, kurā ir parādīti visi esošie toņi, kā arī to nosaukumi un skaitliskie attēlojumi ( decimālā un heksadecimālā formā).
Šeit jūs varat iepazīties ar viņu. Šī tabula ievērojami atvieglo tīmekļa dizaineru dzīvi, jo dažu sekunžu laikā jūs varat atrast vēlamo toni un uzzināt tā skaitlisko attēlojumu.
Droša RGB krāsu palete
Taču kādā brīdī radās problēma ar krāsu attēlošanu dažādās pārlūkprogrammās, un, lai to atrisinātu, tika sastādīta tā sauktā "drošā" RGB krāsu palete, kas tika atvasināta ar matemātiskiem aprēķiniem.
Ja pārlūkprogramma nevar pareizi attēlot krāsu, tā mēģina tuvoties tai, kas tai nepieciešama, sajaucot blakus esošās krāsas, un, visticamāk, rezultāts būs pilnīgi nepieņemams:
Izmantojot RGB krāsu kodus no šīs paletes, tīmekļa izstrādātājs var būt mierīgs par krāsu rādīšanu savas vietnes lapās, kad tās tiek skatītas, izmantojot dažādas pārlūkprogrammas, platformas un monitorus. Lai gan uz Šis brīdis drošo krāsu tabula zaudē savu aktualitāti ( tehnoloģiskais progress nestāv uz vietas), lietojot, var, kā saka, mierīgi gulēt.
Zelta krāsa RGB modelī
Pirmo reizi vārds "zelts" tika izmantots XIV gadsimta sākumā, lai aprakstītu krāsu ķīmiskais elements sauc Aurum - zelts. RGB modelī zelta krāsa tiek attēlota ar šādām skaitliskām vērtībām:
- RGB (255, 215, 0) - decimālā sistēma;
- HEX #FFD700 - heksadecimālā sistēma.
Bēša krāsa RGB modelī
Bēšam ir diezgan nozīmīga vieta vēsturē, pat ja tā nav pati izteiksmīgākā. Daudzi kultūras pieminekļi, īpaši senās skulptūras, tika izgatavoti no steatīta un ziepjakmens, kam ir smilškrāsas nokrāsa. RGB modelī bēšai krāsai ir šādi skaitliski attēlojumi:
- RGB (245, 245, 220) - decimālā sistēma;
- HEX #F5F5DC - heksadecimālā sistēma.
Mūsdienās, īpaši globālajā tīmeklī, reti var atrast tik "garlaicīgu" krāsu. Izstrādātāji dod priekšroku lipīgam dizainam, izmantojot spilgtas krāsas. Tehnoloģiskais progress ļauj monitoros attēlot milzīgu skaitu krāsu, kas padara attēlu reālistiskāku.
Labs slikts
Vlads Merževičs
HTML valodā krāsa tiek norādīta vienā no diviem veidiem: izmantojot heksadecimālo kodu un dažu krāsu nosaukumus. Kā universālākā galvenokārt tiek izmantota metode, kuras pamatā ir heksadecimālā sistēma.
Heksadecimālās krāsas
HTML izmanto heksadecimālos skaitļus, lai norādītu krāsas. Heksadecimālā sistēma atšķirībā no decimālās sistēmas, kā norāda tās nosaukums, ir balstīta uz skaitli 16. Skaitļi būs šādi: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Cipari no 10 līdz 15 tiek aizstāti ar latīņu burtiem. Tabulā. 6.1 parāda atbilstību starp decimālskaitļiem un heksadecimālajiem skaitļiem.
Skaitļus, kas ir lielāki par 15, heksadecimālajā sistēmā veido, apvienojot divus skaitļus vienā (6.2. tabula). Piemēram, skaitlis 255 decimāldaļās atbilst skaitlim FF heksadecimālā.
Lai izvairītos no neskaidrībām skaitļu sistēmas definīcijā, pirms heksadecimālā skaitļa ir mārciņas zīme #, piemēram, #aa69cc. Šajā gadījumā reģistram nav nozīmes, tāpēc ir pieļaujams rakstīt #F0F0F0 vai #f0f0f0.
Tipiska HTML izmantotā krāsa ir šāda.
Šeit tīmekļa lapas fona krāsa ir iestatīta uz #FA8E47. Mārciņas zīme # skaitļa priekšā nozīmē, ka tas ir heksadecimālā. Pirmie divi cipari (FA) nosaka krāsas sarkano komponentu, trešais līdz ceturtais cipars (8E) zaļo komponentu un pēdējie divi cipari (47) zilo komponentu. Gala rezultāts ir šī krāsa.
FA | + | 8E | + | 47 | = | FA8E47 |
Katrai no trim krāsām - sarkanai, zaļai un zilai - var būt vērtības no 00 līdz FF, kas galu galā veido 256 toņus. Tādējādi kopējais krāsu skaits var būt 256x256x256 = 16 777 216 kombinācijas. Krāsu modeli, kura pamatā ir sarkanās, zaļās un zilās sastāvdaļas, sauc par RGB (sarkans, zaļš, zils; sarkans, zaļš, zils). Šis modelis ir aditīvs (no add - add), kurā visu trīs komponentu pievienošana veido baltu.
Lai atvieglotu navigāciju heksadecimālajās krāsās, ņemiet vērā dažus noteikumus.
- Ja krāsu komponentu vērtības ir vienādas (piemēram: #D6D6D6), tad jūs saņemat pelēks tonis. Kā vairāk numuru, jo gaišāka krāsa, mainoties no #000000 (melns) uz #FFFFFF (balts).
- Spilgti sarkana krāsa veidojas, ja sarkanais komponents ir iestatīts uz maksimālo (FF), bet pārējie komponenti ir iestatīti uz nulli. Krāsa ar vērtību #FF0000 ir sarkanākā iespējamā sarkanā nokrāsa. Līdzīgi ir gadījumā ar zaļā krāsā(#00FF00) un zilā krāsā (#0000FF).
- Dzeltens(#FFFF00) iegūst, sajaucot sarkano ar zaļo. Tas ir skaidri redzams krāsu aplī (6.1. att.), kurā ir attēlotas primārās krāsas (sarkans, zaļš, zils) un papildinošās vai papildinošās krāsas. Tie ietver dzeltenu, ciānu un violetu (ko sauc arī par fuksīnu). Kopumā jebkuru krāsu var iegūt, sajaucot tai blakus esošās krāsas. Tātad ciānu (#00FFFF) iegūst, apvienojot zilo un zaļo krāsu.
Rīsi. 6.1. Krāsu aplis
Krāsas, kuru pamatā ir heksadecimālās vērtības, nav empīriski jāizvēlas. Šim nolūkam ir piemērots grafiskais redaktors, kas var strādāt ar dažādiem krāsu modeļi piemēram, Adobe Photoshop. Uz att. 6.2 parāda logu krāsas izvēlei šajā programmā, līnija apvelk pašreizējās krāsas iegūto heksadecimālo vērtību. Varat to kopēt un ielīmēt savā kodā.
Rīsi. 6.2. Krāsu atlasītājs programmā Photoshop
Tīmekļa krāsas
Ja monitora krāsu kvalitāti iestatāt uz 8 bitu (256 krāsas), to pašu krāsu var attēlot dažādas pārlūkprogrammas manā veidā. Tas ir saistīts ar veidu, kā grafika tiek renderēta, kad pārlūkprogramma strādā ar savu paleti un nevar parādīt krāsu, kuras tai nav paletē. Šajā gadījumā krāsa tiek aizstāta ar citu, tai tuvu, pikseļu kombināciju, kas imitē doto. Lai krāsa dažādās pārlūkprogrammās paliktu nemainīga, tika ieviesta tā saukto tīmekļa krāsu palete. Tīmekļa krāsas ir tās krāsas, kuru katrai sastāvdaļai - sarkanai, zaļai un zilai - viena no sešām vērtībām ir iestatīta - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Šī komponenta heksadecimālā vērtība ir norādīta iekavās. Kopā krāsas no visām iespējamām kombinācijām dod 6x6x6 - 216 krāsas. Tīmekļa krāsas piemērs ir #33FF66.
Galvenā tīmekļa krāsu iezīme ir tā, ka tā tiek parādīta vienādi visās pārlūkprogrammās. Šobrīd tīmekļa krāsu aktualitāte ir ļoti maza, pateicoties monitoru kvalitātes uzlabošanai un to iespēju paplašināšanai.
Krāsas pēc nosaukuma
Lai neatcerētos skaitļu kolekciju, tā vietā varat izmantot bieži lietoto krāsu nosaukumus. Tabulā. 6.3 parāda populāro krāsu nosaukumu nosaukumus.
Krāsas nosaukums | Krāsa | Apraksts | Hex vērtība |
---|---|---|---|
melns | Melns | #000000 | |
zils | Zils | #0000FF | |
fuksija | Gaiši violets | #FF00FF | |
pelēks | Tumši pelēks | #808080 | |
zaļš | Zaļš | #008000 | |
laims | gaiši zaļš | #00FF00 | |
sarkanbrūns | Tumši sarkans | #800000 | |
flote | Tumši zils | #000080 | |
olīvu | Olīva | #808000 | |
violets | Tumši violeta | #800080 | |
sarkans | sarkans | #FF0000 | |
Sudrabs | gaiši pelēks | #C0C0C0 | |
zilganzaļa | zils zaļš | #008080 | |
balts | Balts | #FFFFFF | |
dzeltens | Dzeltens | #FFFF00 |
Nav svarīgi, kā jūs norādāt krāsu - pēc tās nosaukuma vai izmantojot heksadecimālos skaitļus. Pēc savas iedarbības šīs metodes ir līdzvērtīgas. Piemērā 6-1 parādīts, kā iestatīt tīmekļa lapas fona un teksta krāsas.
Piemērs 6.1. Fona un teksta krāsa
Teksta paraugs
Šajā piemērā fona krāsa ir iestatīta, izmantojot taga atribūtu bgcolor
, un teksta krāsa, izmantojot teksta atribūtu. Dažādībai teksta atribūta vērtība ir iestatīta uz heksadecimālu skaitli, un bgcolor ir iestatīta kā rezervēta vērtība. atslēgvārds zilganzaļa.Minecraft kodi krāsas vai Minecraft kodiem formatējumu, ļauj jebkuram spēlētājam pievienot ziedus un visos iespējamos veidos formatēt tekstu tieši programmā Minecraft. Krāsu kodi no &0-9 līdz &a-f. Pievienojiet tos pirms teksta. Spēlētāju ziņojumi var saturēt krāsu kodi, kas ļauj teikumiem pievienot krāsu.
Krāsas un formatēšanas kodi
Ampersands (&), kam seko heksadecimālais skaitlis ziņojumos, norāda, ka klientam ir jāmaina krāsas, kad tiek parādīts teksts. Alternatīvi tekstu var formatēt, izmantojot rakstzīmi &, kam seko burts. Varat pievienot dažādas krāsas grāmatām, komandu blokiem, servera nosaukumam, servera aprakstam (motd), pasaules nosaukumiem, zīmēm un pat spēlētāju nosaukumiem.
Ir ļoti vienkārši formatēt tekstu konfigurācijās vai spēlē, izmantojot tālāk redzamo krāsu diagrammu. &r tiek izmantots, lai notīrītu visus kodus, t.i. &mAAA&rBBB tiks parādīts kā AAA BBB.
Jūsu ērtībai mēs piedāvājam Minecraft esošo krāsu kodu tabulu:
Kods | Vārds | Tehniskais nosaukums | Simbola krāsa | Simbola ēnu krāsa | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | hex | R | G | B | hex | |||
&0 | Melns | melns | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Tumši zils | tumši zils | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | tumši zaļa | tumši zaļa | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tumši zili zaļš | tumšs_ūdens | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Tumši sarkans | tumši sarkans | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tumši violeta | tumši_violeta | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Zelts | zelts | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Pelēks | pelēks | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Tumši pelēks | tumši pelēks | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Zils | zils | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Zaļš | zaļš | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | zils zaļš | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
uc | sarkans | sarkans | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Gaiši violets | gaiši violets | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Dzeltens | dzeltens | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Balts | balts | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Dažreiz tas ir nepieciešams pasvītrot, pasvītrot, izcelt kāds teksts. Šim nolūkam tiek izmantots teksta formatējums. To lieto tāpat kā krāsas (pirms mūsu ievietotā teksta kods, piemēram, &lMinecraft= Minecraft.
Jūsu ērtībai zemāk ir formatēšanas kodu tabula:
Kods | Vārds |
---|---|
&k | maģiskais teksts |
&l | Sīktēls |
&m | Pārsvītrots teksts |
&n | Pasvītrots teksts |
&o | Teksts slīprakstā |
&r | Teksts bez formatējuma |