Pelēkās krāsas RGB kods ir rakstīts kā. Krāsu stilos var norādīt dažādos veidos: pēc heksadecimālās vērtības, pēc nosaukuma, RGB, RGBA, HSL, HSLA formātā. Iestatiet krāsu pēc nosaukuma

HTML valodā krāsu var norādīt trīs veidos:

Krāsas iestatīšana HTML pēc 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, balts, sarkans, zaļš, zils utt.:

Teksta krāsa – sarkana

Vispopulārākās World Wide Web Consortium (W3C) standarta krāsas:

Dažādu krāsu nosaukumu izmantošanas piemērs:

Piemērs: krāsas norādīšana pēc tās nosaukuma

• Izmēģiniet pats"

Galvene uz sarkana fona

Virsraksts uz oranža fona

Virziens uz laima fona

Balts teksts uz zila fona

Galvene uz sarkana fona

Virsraksts uz oranža fona

Virziens uz laima fona

Balts teksts uz zila fona

Krāsu norādīšana, izmantojot RGB

Monitorā attēlojot dažādas krāsas, par pamatu tiek izmantota RGB palete. Jebkura krāsa tiek iegūta, sajaucot trīs pamata krāsas: R - sarkans, G - zaļš, B - zils. Katras krāsas spilgtums tiek norādīts ar vienu baitu, un tāpēc tas var būt no 0 līdz 255. Piemēram, RGB(255,0,0) tiek parādīts kā sarkans, jo sarkanā 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 parametrs 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ēji zaļu krāsu:

Piemērs: krāsas norādīšana, izmantojot RGB

• Izmēģiniet 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 (tas pats kā decimālais 0-255 ) . Heksadecimālā sistēma, atšķirībā no decimālās sistēmas, balstās, kā norāda tās nosaukums, uz skaitli 16. Heksadecimālajā sistēmā tiek izmantotas šādas zī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 ir lielāki par 15 heksadecimālajā sistēmā, tiek attēloti, apvienojot divas rakstzīmes vienā vērtībā. Piemēram, lielākais skaitlis 255 decimāldaļās atbilst lielākajai FF vērtībai heksadecimāldaļā. Atšķirībā no decimālās sistēmas, pirms heksadecimālā skaitļa ir jaucējzīmes simbols. # piemēram, #FF0000 tiek parādīts kā sarkanā krāsa, 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). Zīmes aiz hash simbola # Varat rakstīt gan lielos, gan mazos burtus. Heksadecimālā sistēma ļauj izmantot saīsinātu formu #rgb, kur katra rakstzīme ir līdzvērtīga dubultā. Tādējādi ieraksts #f7O jāuzskata par #ff7700.

Piemērs: HEX krāsa

• Izmēģiniet 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

Parasto krāsu saraksts (nosaukums, HEX un RGB):

Krāsu kodi (fons) pēc piesātinājuma un nokrāsas.

HTML krāsas tiek apzīmētas ar sešām rakstzīmēm aiz slīpsvītras rakstzīmes - piemēram, #000000. Šie seši simboli attēlo dažādu krāsu (sarkanā, zaļā, zilā) proporcijas gala krāsā. Jūsu datora monitorā attēls tiek veidots no milzīga skaita punktu, ko sauc par pikseļiem. Katrs pikselis ir neliels gaismas avots, sauksim to par "zibspuldzi", kas savukārt sastāv no trim lukturīšiem – sarkana, zaļa un zila. Samazinot vai palielinot atsevišķu krāsainu lukturīšu mirdzuma intensitāti, iegūstam vēlamo krāsu.

HTML krāsu kodi

HTML krāsas tiek attēlotas ar heksadecimālo (HEX) sarkano, zilo un zaļo (RGB) apzīmējumu.

Mazākā krāsas vērtība ir 0 (heksadecimālais 00). Augstākā vērtība krāsa ir 255 (hex FF).

Heksadecimālās krāsas vērtība ir trīs cipari, kas sākas ar # zīmi.

Krāsu kodi (nozīmes)

16 miljoni toņu

Apvienojot sarkano, zilo un zaļo krāsu ar vērtībām no 0 līdz 255 katras krāsas procentuālajai daļai, kopumā tiek iegūti vairāk nekā 16 miljoni toņu (256 x 256 x 256).

Lielākā daļa mūsdienu monitoru spēj attēlot vismaz 16 384 dažādus toņus (LCD monitori parasti spēj attēlot 262 tūkstošus 16 miljonus (atjaunināts 2013. gada oktobrī) krāsas, un CRT monitori var attēlot praktiski neierobežotu skaitu krāsu).

Zemāk esošajā krāsu tabulā parādītas sarkanās proporcijas izmaiņas no 0 līdz 255 ar nulles vērtībām zilā un zaļā krāsā:

Pelēkās nokrāsas

Lai iegūtu toņus pelēks tiek izmantotas vienādas daļas no visām krāsām. Lai jums būtu vieglāk izvēlēties pareizo krāsu, mēs piedāvājam pelēko toņu kodus

Vairāku pārlūkprogrammu (visas pārlūkprogrammas) html krāsu nosaukumi

150 krāsu nosaukumu kolekcija html formātā, kas tiek atbalstīta visās pārlūkprogrammās.

Standartizēti krāsu nosaukumi

W3C uzskaita 16 derīgus HTML un CSS krāsu nosaukumus: ūdens, melns, zils, fuksijas, pelēks, zaļš, laims, sarkanbrūns (kastaņu), tumšs (ultramarīns), olīvu (olīvu), purpursarkans (violeta), sarkans (sarkans) , sudraba (sudraba), zilganzaļa (pelēka), balta (balta) un dzeltena (dzeltena).

Izmantojot krāsas, kas nav iekļautas šajā sarakstā, pareizāk ir izmantot to heksadecimālo (HEX) kodu vai RGB kodu.

Drošas krāsas

Pirms vairākiem gadiem, kad datori varēja atbalstīt ne vairāk kā 256 dažādas krāsas, tika piedāvāts saraksts ar 216 "Web Safe Colors", kurā sistēmai bija rezervētas 40 krāsas.

Šī 216 krāsu palete tika izveidota, lai pareizi attēlotu krāsas 256 krāsu paletes režīmā.

Tagad tam nav nozīmes, jo lielākā daļa datoru visā pasaulē atbalsta miljoniem krāsu toņu. Jebkurā gadījumā šeit ir šo krāsu saraksts:

HTML krāsas
HTML krāsas un veidi, kā tās norādīt

HTML ir divi veidi, kā norādīt krāsu:

1. Izmantojot krāsas nosaukumu,
2. Izmantojot RGB sistēmu, kur krāsas tiek norādītas heksadecimālā formātā.

Krāsas nosaukums

Vārds krāsas HTML norādīts angļu vārdos, piemēram, sarkans vai zaļš. Krāsas nosaukums darbojas kā HTML taga atribūta vērtība. Ir daudz ziedu nosaukumu, šajā rakstā mēs apsvērsim tikai galvenos.

Parasti HTML tiek izmantoti divi atribūti, lai iestatītu krāsu:

1. Atribūts color="color_name" — teksta krāsa,
2. Atribūts bgcolor="color_name" — fona krāsa.

Krāsu atribūtu izmantošanas piemēri:
color="red" - piešķiriet tekstam sarkanu krāsu,
bgcolor="green" - piešķiriet fonam zaļu krāsu.

HTML pamata krāsu nosaukumu tabula:

Heksadecimālā skaitļu sistēma

Ikdienā mēs izmantojam decimālo skaitļu sistēmu no 0 līdz 9. Programmētāji un dizaineri bieži izmanto heksadecimālo skaitļu sistēmu no 0 līdz 15, kur:

10 = A
11 = B
12 = C
13 = D
14 = E
15 = F

Gandrīz katru mūsu redzei redzamo krāsu un toni var ierakstīt heksadecimālajā sistēmā, piemēram, sarkanā sarkanā krāsa heksadecimālajā sistēmā būs vienāda ar ff0000

color="red" — sarkana krāsa pēc nosaukuma,
color="#ff0000" — sarkana krāsa, heksadecimālā skaitļu sistēmā.

HTML valodā pirms heksadecimālā skaitļa atribūta vērtībā ir jaucējzīme #.

RGB

Pirms sākat norādīt krāsas HTML, izmantojot heksadecimālo skaitļu sistēmu, vispirms ir jāapgūst tāda lieta kā R G B

RGB ir saīsinājums vārdiem R ed Green B lue (Red Green Blue).

Krāsa HTML valodā, kas rakstīta heksadecimālā, sastāv no trim skaitļu blokiem 00 00 00, kur katrs bloks ir atbildīgs par vienu no RGB krāsām, pirmais bloks par sarkanu, otrais par zaļo un trešais par zilo. Cipari var būt no 00 līdz ff.

Kur ff ir 255 decimāldaļās.

RGB shēma:
Sarkans - no 00 līdz ff
Zaļš - no 00 līdz ff
Zils - no 00 līdz turpmākajiem

Rezultātā mēs iegūstam sešciparu skaitli 000000, kur pirmie divi skaitļi ir atbildīgi par sarkano krāsu, otrie divi skaitļi ir atbildīgi par zaļo krāsu, bet trešie divi skaitļi ir atbildīgi par zilo krāsu.

Ja gribam iegūt sarkanu krāsu, tad rakstām ff0000, zaļā krāsa 00ff00, zilā krāsa 0000ff. Piemēram, ja vēlamies iegūt tumši sarkanu krāsu, tad jāsamazina pirmais skaitļu bloks un ff vietā (kas ir vienāds ar 255 decimālo skaitļu sistēmā), ierakstiet, piemēram, 96 (kas ir vienāds ar 150 decimāldaļās).

Skaidrības labad mēs sniedzam krāsu piemērus un to heksadecimālo kodu:

Krāsu sajaukšana HTML

Ja skolā nenokavējāt zīmēšanas stundas, droši vien atceraties, ka, vienmērīgi sajaucot sarkano un zaļo, jūs varat iegūt dzeltenu,
kad sarkanajam pievieno nedaudz zaļu, var iegūt oranžu utt.

Heksadecimālās un RGB krāsas var arī sajaukt:

Eksperimentējot ar heksadecimālo skaitļu sistēmu un RGB, jūs galu galā sapratīsit to un varēsit izvēlēties vajadzīgo krāsu.

Vlads Merževičs

HTML valodā krāsa tiek norādīta vienā no diviem veidiem: izmantojot heksadecimālo kodu un ar noteiktu krāsu nosaukumu. Pārsvarā tiek izmantota metode, kuras pamatā ir heksadecimālā skaitļu sistēma, jo tā ir visuniversālākā.

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āldaļā.

Lai izvairītos no neskaidrībām skaitļu sistēmas definēšanā, pirms heksadecimālā skaitļa ir jaucējsimbols #, 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 izskatās šādi.

Šeit tīmekļa lapas fona krāsa ir iestatīta uz #FA8E47. Jaucējsimbols # skaitļa priekšā nozīmē, ka tas ir heksadecimāls. Pirmie divi cipari (FA) nosaka krāsas sarkano komponentu, trešais līdz ceturtais cipars (8E) nosaka zaļo komponentu, un pēdējie divi cipari (47) nosaka zilo komponentu. Gala rezultāts būs šī krāsa.

Katrai no trim krāsām - sarkanai, zaļai un zilai - var būt vērtības no 00 līdz FF, kopā veidojot 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 sarkani, zaļi un zili komponenti, 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 balto krāsu.

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), rezultāts būs pelēks nokrāsa. Kā lielāks skaits, jo gaišāka ir krāsa ar vērtībām no #000000 (melns) līdz #FFFFFF (balts).
• Spilgti sarkana krāsa veidojas, ja sarkanais komponents ir maksimāli palielināts (FF) un pārējie komponenti ir iestatīti uz nulli. Krāsa ar vērtību #FF0000 ir sarkanākais iespējamais sarkanais tonis. Situācija ir līdzīga ar zaļš(#00FF00) un zilā krāsā (#0000FF).
• Dzeltens(#FFFF00) iegūst, sajaucot sarkano un zaļo. Tas ir skaidri redzams uz krāsu apļa (6.1. att.), kurā ir attēlotas pamatkrāsas (sarkans, zaļš, zils) un papildu vai papildu krāsas. Tie ietver dzeltenu, ciānu un violetu (ko sauc arī par fuksīnu). Kopumā jebkuru krāsu var iegūt, sajaucot tai tuvas krāsas. Tādējādi 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žādu krāsu modeļiem, piemēram, Adobe Photoshop. Attēlā 6.2. attēlā parādīts logs krāsas izvēlei šajā programmā; iegūtā pašreizējās krāsas heksadecimālā vērtība ir iezīmēta ar līniju. Varat to kopēt un ielīmēt savā kodā.

Rīsi. 6.2. Logs krāsu izvēlei programmā Photoshop

Tīmekļa krāsas

Ja monitora krāsu atveides kvalitāti iestatāt uz 8 bitiem (256 krāsas), tad viena un tā pati krāsa dažādās pārlūkprogrammās var tikt attēlota atšķirīgi. Tas ir saistīts ar veidu, kā tiek parādīta grafika, kad pārlūkprogramma darbojas ar savu paleti un nevar parādīt krāsu, kas nav tās paletē. Šajā gadījumā krāsa tiek aizstāta ar citu, tai tuvu, pikseļu kombināciju, kas imitē doto. Lai nodrošinātu, ka dažādās pārlūkprogrammās krāsa paliek vienāda, tika ieviesta tā saukto tīmekļa krāsu palete. Tīmekļa krāsas ir tās krāsas, kurām katrai sastāvdaļai - sarkanai, zaļai un zilai - ir iestatīta viena no sešām vērtībām - 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ējais krāsu skaits 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ā visās pārlūkprogrammās parādās vienādi. Š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 nebūtu jāatceras skaitļu kopa, tā vietā varat izmantot bieži lietoto krāsu nosaukumus. Tabulā 6.3 parāda populāro krāsu nosaukumu nosaukumus.

Nav nozīmes tam, vai krāsu norādāt pēc tās nosaukuma vai izmantojot heksadecimālos skaitļus. Šīs metodes ir līdzvērtīgas to iedarbībai. 6.1. piemērā 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 piemērs

Šajā piemērā fona krāsa ir iestatīta, izmantojot taga atribūtu bgcolor un teksta krāsu, izmantojot teksta atribūtu. Lai nodrošinātu dažādību, teksta atribūts ir iestatīts uz heksadecimālu skaitli, un atribūts bgcolor ir iestatīts uz rezervēto atslēgvārdu teal .

Kā jūs zināt, krāsa var ietekmēt cilvēka stāvokli: gan garīgo, gan fizisko. Katru dienu, pārlūkojot mājaslapas internetā, acis izvērtē miljoniem krāsu un toņu. Tīmekļa dizainers, kurš pārzina krāsu psiholoģiju, var manipulēt ar apmeklētāja noskaņojumu, lai sasniegtu noteiktus 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 toņu 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 tika izvēlētas kā galvenās iemesla dēļ: iemesls ir tīklenes fizioloģija cilvēka acs un kā viņa tos uztver:

Krāsu skaitlisks 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 heksadecimālajā apzīmējumā atbilst 00-FF.

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 sarkani, zaļi un zili toņi. Tālāk ir sniegta to gradāciju tabula, kā arī katras nokrāsas heksadecimālās vērtības:

RGB krāsu tabulas

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ā).

Jūs varat to apskatīt šeit. Šī tabula ievērojami atvieglo tīmekļa dizaineru dzīvi, jo dažu sekunžu laikā jūs varat atrast vajadzīgo 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 iegūta ar matemātiskiem aprēķiniem.

Ja pārlūkprogramma nevar pareizi attēlot krāsu, tā mēģinās iegūt kaut ko tuvu tai nepieciešamajai, 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 attiecībā uz 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 šobrīd drošo krāsu tabula zaudē savu aktualitāti ( tehnoloģiskais progress joprojām nestāv uz vietas), lietojot var, kā saka, mierīgi gulēt.

Zelta krāsa RGB modelī

Vārds “zelts” pirmo reizi tika lietots 14. gadsimta sākumā, lai aprakstītu ķīmiskā elementa Aurum – zelta – krāsu. 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ēša krāsa ieņem diezgan nozīmīgu vietu vēsturē, pat ja tā nav pati izteiksmīgākā. Daudzi kultūras pieminekļi, īpaši senās skulptūras, tika veidoti no ziepjakmens un ziepjakmens, kam ir bēša nokrāsa. RGB modelī bēšai krāsai ir šādi skaitļu attēlojumi.