--- title: "Elementu krāsas Smart Tiles: dizaina izcēluma un iepriekš definētās krāsas" description: "Elementiem pieejamās fona un fonta krāsas Vitextra Smart Tiles tīmekļa daļā: sešas izcēluma krāsas, kas seko vietnes dizainam, 31 iepriekš definētas Fluent UI krāsas palete, melnā un baltā — ar precīzām vērtībām, kā izcēluma krāsas darbojas vietnēs, kuru dizains tās nedefinē, un ieteikumi krāsu kombinēšanai." url: https://vitextra.com/lv/support/kb/10043 language: lv published: 2021-11-01 modified: 2026-10-10 products: - "Smart Tiles" author: "Jānis Bērziņš" tags: ["Smart Tiles krāsas", "elementa fona krāsa", "elementa fonta krāsa", "SharePoint dizaina izcēluma krāsas", "Fluent UI krāsu palete", "ContentAccent dizaina sloti", "SharePoint flīžu krāsas", "tumšā dizaina flīzes", "Vitextra Smart Tiles", "iekštīkla navigācijas krāsas"] --- # Elementu krāsas Smart Tiles: dizaina izcēluma un iepriekš definētās krāsas Elementiem pieejamās fona un fonta krāsas Vitextra Smart Tiles tīmekļa daļā: sešas izcēluma krāsas, kas seko vietnes dizainam, 31 iepriekš definētas Fluent UI krāsas palete, melnā un baltā — ar precīzām vērtībām, kā izcēluma krāsas darbojas vietnēs, kuru dizains tās nedefinē, un ieteikumi krāsu kombinēšanai. ## Ievads Krāsa ir ātrākais veids, kā grupēt elementus un padarīt paneli par vietnes daļu, nevis piedevu tai. Katram [Smart Tiles](https://vitextra.com/lv/products/smart-tiles) elementam ir **Fona krāsa** un **Fonta krāsa**, abas izvēlētas no vienas paletes: sešas izcēluma krāsas, kas seko vietnes dizainam, trīsdesmit viena iepriekš definēta krāsa, melnā un baltā. Šajā rakstā uzskaitītas krāsas, paskaidrots, kā darbojas izcēluma krāsas, un ieteikts, kā tās kombinēt. ## Krāsas izvēle 1. Atveriet lapu rediģēšanas režīmā un noklikšķiniet uz elementa pogas **…**. 2. Norādiet uz **Fona krāsa** vai **Fonta krāsa**. 3. Apakšizvēlnē noklikšķiniet uz krāsas. Katram ierakstam ir redzams aplītis tā krāsā; pašreizējā krāsa ir atzīmēta ar aizpildītu izvēles rūtiņu. Izmaiņas tiek lietotas uzreiz. Abās izvēlnēs ir vienas un tās pašas krāsas, tāpēc jebkuru krāsu var izmantot viena elementa fonam un cita elementa tekstam. ![Izvēlne «Fonta krāsa»](https://static.vitextra.com/articles/10043/font-color-menu-lv.png) *Izvēlne «Fonta krāsa»* Jaunam elementam sākotnēji fons ir **Izcēlums 1**, bet fonta krāsa — **Balta**. ## Izcēluma krāsas **Izcēlums 1** līdz **Izcēlums 6** nav fiksētas krāsas. Tās norāda uz vietnei lietotā dizaina sešām satura izcēluma krāsām, tāpēc elements ar izcēluma krāsu mainās kopā ar dizainu: pārslēdziet vietni no zilā dizaina uz zaļo, un katrs elements ar krāsu «Izcēlums 1» kļūst zaļš. Tāpēc ar izcēluma krāsām veidoti paneļi izskatās piederīgi jebkurā vietnē, uz kuru tie tiek kopēti, un pārdzīvo zīmola maiņu bez rediģēšanas. No kurienes nāk sešas izcēluma krāsas: - **Modernie dizaini**, kas izveidoti SharePoint administrēšanas centrā vai ar dizainu ģeneratoru, definē visus sešus satura izcēlumus; katram dizainam ir sava kopa. - **Pielāgotie dizaini** dažus vai visus satura izcēlumus var atstāt nedefinētus. Izcēluma ieraksts, ko dizains nedefinē, atkāpjas uz dizaina primāro izcēluma krāsu — šādās vietnēs **Izcēlums 2** līdz **Izcēlums 6** parasti dod to pašu krāsu, ko **Izcēlums 1**. ![Izcēluma elementi seko vietnes dizainam](https://static.vitextra.com/articles/10043/accent-colors-lv.png) *Izcēluma elementi seko vietnes dizainam* ❗ **Svarīgi** Tā kā izcēluma krāsas ir atkarīgas no dizaina, no vienas vietnes eksportēts panelis citā var izskatīties atšķirīgi. Ja precīzas krāsas ir svarīgas — piemēram, korporatīvajām krāsām —, tā vietā izmantojiet iepriekš definētās krāsas. ## Iepriekš definētās krāsas Iepriekš definētās krāsas ir Fluent UI — Microsoft 365 dizaina sistēmas — kopīgā krāsu palete. Tās nemainās līdz ar dizainu. Skaitlis aiz nosaukuma ir tonis no Fluent UI paletes: 10 ir pamattonis, 20 un 30 ir pakāpeniski tumšāki, 40 — vēl tumšāks. |::Nosaukums::|::Vērtība::|::Nosaukums::|::Vērtība::| |:---|:---|:---|:---| |Rozā sarkans|`#750b1c`|Ciāna 10|`#00b7c3`| |Sarkans 20|`#a4262c`|Ciānzils 20|`#004e8c`| |Sarkans 10|`#d13438`|Ciānzils 10|`#0078d4`| |Sarkani oranžs|`#da3b01`|Zila 10|`#4f6bed`| |Oranžs 30|`#8e562e`|Zili violets 30|`#5c2e91`| |Oranžs 20|`#ca5010`|Zili violets 20|`#8764b8`| |Oranžs 10|`#ffaa44`|Zili violets 10|`#8378de`| |Dzeltena 10|`#fce100`|Madženta 20|`#881798`| |Oranži dzeltens 20|`#986f0b`|Madženta 10|`#c239b3`| |Oranži dzeltens 10|`#c19c00`|Violets rozā 20|`#9b0062`| |Dzeltenzaļa|`#8cbd18`|Violets rozā 10|`#e3008c`| |Zaļš 20|`#0b6a0b`|Pelēka 40|`#393939`| |Zaļš 10|`#498205`|Pelēka 30|`#7a7574`| |Zaļš ciāns|`#00ad56`|Pelēka 20|`#69797e`| |Ciāna 30|`#005b70`|Pelēka 10|`#a0aeb2`| |Ciāna 20|`#038387`||| Sarakstu papildina vēl divi ieraksti: **Melns** (`#000000`) un **Balta** (`#ffffff`). ![Iepriekš definētās krāsas](https://static.vitextra.com/articles/10043/predefined-colors-lv.png) *Iepriekš definētās krāsas* ## Ko ietekmē fonta krāsa **Fonta krāsa** tiek izmantota elementa virsrakstam, aprakstam un ikonai, ja ikona ir no kopas **Standarta ikona** — šīs ikonas tiek zīmētas kā teksts un pārņem teksta krāsu. Faila tipa, programmu, Azure un Vitextra ikonas, kā arī pielāgotie attēli saglabā savas krāsas. Apraksts tiek zīmēts nedaudz caurspīdīgs, tāpēc tajā pašā krāsā tas izskatās mazliet gaišāks nekā virsraksts. ## Krāsu kombinēšana - **Vispirms kontrasts.** Balts teksts uz «Sarkans 10», «Zaļš 20», «Ciānzils 10» vai jebkuras pelēkās ir viegli salasāms; uz «Dzeltena 10», «Oranžs 10» vai «Pelēka 10» izmantojiet «Melns». Gaišākie pamattoņi — «Oranžs 10», «Dzeltena 10» — labāk piemēroti melnam tekstam; toņi 20, 30 un 40 — baltam. - **Viena saime panelī.** Elementi vairākos vienas saimes toņos — piemēram, «Ciāna 10», «Ciāna 20» un «Ciāna 30» — izskatās apzināti izvēlēti; sešas nesaistītas spilgtas krāsas izskatās kā testa raksts. - **Grupējiet pēc krāsas.** Piešķiriet visām personāla saitēm vienu krāsu un visām IT saitēm — citu, un panelis izskaidro sevi pats bez virsrakstiem. - **Izcēlums vietnei, iepriekš definētās — zīmolam.** Izmantojiet izcēluma krāsas paneļiem, kam jāsaplūst ar jebkuru vietnes dizainu, un iepriekš definētās krāsas, ja elementiem ir fiksētas korporatīvās krāsas. 📝 **Piezīme** Elementi paši no sevis nemainās līdz ar tumšo dizainu: elements ar krāsu «Balta» paliek balts arī tumšā lapā. Izcēluma krāsas ir vienkāršākais ceļš uz paneli, kas darbojas gan gaišajā, gan tumšajā dizainā, jo dizains katrā gadījumā nodrošina piemērotu izcēlumu. 💡 **Padoms** Elementa fona krāsu var aizstāt ar fotoattēlu; skatiet rakstu [KB10245. Fona attēla iestatīšana elementam](https://vitextra.com/lv/support/kb/10245). Ikonu kopas un tas, kā tās reaģē uz fonta krāsu, ir aprakstīts rakstā [KB10243. Ikonu izvēle elementiem](https://vitextra.com/lv/support/kb/10243). Uzziniet vairāk par produktu: