Pixpas avancerade verktyg för färganpassning låter dig förbättra din webbplats visuella attraktionskraft genom att tillämpa solida färger, linjära gradienter och radiella gradienter på dina avsnitt och din text.
Detta ger dig en hög nivå av kreativ kontroll när du utformar din webbplats bakgrund, rubriker och stycketext.
I den här artikeln:
- Åtkomst till färgpanelen
- Färgtypsalternativ
- Gradient stannar
- Rotationsreglage
- Alternativ för radiell gradientform
- Färgväljare och hexkodsinmatning
- Opacitetsreglage
- Var du kan använda färgalternativ
Åtkomst till färgpanelen
- Håll markören över det avsnitt du vill redigera och klicka på Redigera avsnitt (1) alternativet.
- Enligt Färg På fliken "Skrivtext" ser du alternativet att ändra bakgrundsfärg, rubriktextfärg och stycketextfärg.
- Klicka på Anpassad färg (2) alternativet bredvid det element som du vill redigera.
- En ny popup-fönstret öppnas varifrån du kan anpassa färgen för det valda elementet.
Färgtypsalternativ
Högst upp i färgpanelen ser du tre alternativ:
- Fast: Applicera en enda, enhetlig färg på det markerade området. Detta är ett enkelt och rent alternativ för användare som vill ha ett enhetligt färgblock.
- Linjär gradient: Skapar en gradvis blandning mellan två eller flera färger längs en rak linje. Du kan styra riktningen på denna gradient med hjälp av rotationsreglaget.
- Radiell gradient: Skapar en cirkulär färgövergång som strålar ut från en central punkt. Detta är idealiskt för spotlight-liknande effekter eller för att dra uppmärksamhet till ett specifikt område.
Gradient stannar
När du väljer antingen Linjär or Radiell gradient, ser du en horisontell färgrad där du kan hantera dina gradientstopp:
- Varje gradientstopp (representeras av en droppikon) markerar en färgpunkt i övertoningen.
- Klicka på ett stopp för att ändra dess färg med hjälp av färgväljaren eller genom att ange en hexagonalkod.
- Du kan lägg till flera stopp för att skapa mjuka flerfärgade övergångar.
- Klicka på liten "x"-ikon under ett stopp för att ta bort den.
Rotationsreglage (endast linjär gradient)
För linjära gradienter, använd rotationsreglaget för att ändra gradientens vinkel. Detta låter dig rotera färgriktningen från horisontellt (0°) till vertikalt (90°) eller valfri anpassad vinkel upp till 360°.
- En förhandsvisning av gradienten justeras i realtid när du flyttar reglaget.
- Den aktuella vinkeln visas i ett numeriskt fält bredvid skjutreglaget (t.ex. 270°).
Alternativ för radiell gradientform
När du väljer Radiell gradient (1), två formalternativ visas under förhandsgranskningen av gradienten:
- Ellips: Skapar en förlängd radiell gradient med horisontell eller vertikal töjning. Detta är användbart för bredare gradienttäckning eller asymmetriska designer.
- Cirkel: Detta skapar en perfekt rund gradient som strålar ut från mitten (eller vald fokuspunkt). Perfekt för bakgrunder i spotlight-stil eller för att dra blicken till ett centralt element.
Färgväljare och hexkodinmatning
Oavsett om du arbetar med en helfärgad färg eller enskilda övertoningsstopp:
- Använd färgväljaren att välja en färg visuellt.
- Alternativt, ange en hexagonal färgkod manuellt (t.ex. #c14dff) för exakt färgkontroll.
Om du använder en övertoning kan du definiera dess specifika färg med hjälp av det här verktyget genom att välja ett stopp.
Opacitetsreglage
Längst ner på panelen hittar du ett skjutreglage för att styra opaciteten:
- Ställ in genomskinlighetsnivån för den valda färgen eller övertoningsstoppet.
- Värdet 1 betyder helt ogenomskinligt, medan 0 är helt transparent.
Detta är användbart för att skapa lager på lager visuella effekter eller mjuka bakgrundsöverlägg.
Var du kan använda dessa färgalternativ
Dessa avancerade färgverktyg finns tillgängliga inom följande områden:
- Avsnittsbakgrund
- Rubrik Text
- punkt Text
Varje område har sin egen färgflik, så att du kan utforma olika komponenter oberoende av varandra för större visuell flexibilitet.