Pixpas avanserte verktøy for fargetilpasning lar deg forbedre nettstedets visuelle appell ved å bruke heldekkende farger, lineære gradienter og radiale gradienter på seksjonene og teksten din.
Dette gir deg høy grad av kreativ kontroll når du utformer nettstedets bakgrunn, overskrifter og avsnittstekst.
I denne artikkelen:
- Tilgang til fargepanelet
- Fargetypealternativer
- Gradient stopper
- Rotasjonsglidebryter
- Alternativer for radial gradientform
- Fargevelger og heksadesimal kodeinndata
- Opasitetsglidebryter
- Hvor du kan bruke fargealternativer
Tilgang til fargepanelet
- Hold markøren over seksjonen du vil redigere, og klikk på Rediger seksjon (1) alternativet.
- Under Farger I fanen vil du se alternativet for å endre bakgrunnsfarge, overskriftstekstfarge og paratekstfarge.
- Klikk på Tilpasset farge (2) alternativet ved siden av elementet du vil redigere.
- En ny popup-vinduet vil åpne seg hvorfra du kan tilpasse fargen for det valgte elementet.
Fargetypealternativer
Øverst i fargepanelet ser du tre alternativer:
- Fast: Bruk én, ensartet farge på det valgte området. Dette er et enkelt og rent alternativ for brukere som ønsker en konsistent fargeblokk.
- Lineær gradient: Lager en gradvis blanding mellom to eller flere farger langs en rett linje. Du kan kontrollere retningen på denne gradienten ved hjelp av rotasjonsglidebryteren.
- Radial gradient: Produserer en sirkulær fargeovergang som stråler ut fra et sentralt punkt. Dette er ideelt for spotlight-lignende effekter eller for å trekke oppmerksomhet til et bestemt område.
Gradient stopper
Når du velger enten Linear or Radiell gradient, vil du se en horisontal fargelinje der du kan administrere gradientstoppene dine:
- hver enkelt gradientstopp (representert av et dråpeikon) markerer et fargepunkt i gradienten.
- Klikk på et stopp for å endre fargen ved hjelp av fargevelgeren eller ved å skrive inn en heksadesimal kode.
- Du kan legg til flere stopp for å lage jevne flerfargede overganger.
- Klikk på lite «x»-ikon under et stopp for å fjerne den.
Rotasjonsglidebryter (kun lineær gradient)
For lineære gradienter bruker du rotasjonsglidebryteren til å endre vinkelen på gradienten. Dette lar deg rotere fargeretningen fra horisontal (0°) til vertikal (90°) eller en hvilken som helst tilpasset vinkel opptil 360°.
- En forhåndsvisning av gradienten justeres i sanntid når du beveger glidebryteren.
- Den gjeldende vinkelen vises i et numerisk felt ved siden av glidebryteren (f.eks. 270°).
Alternativer for radial gradientform
Når du velger Radiell gradient (1), to formalternativer vil vises under forhåndsvisningen av gradienten:
- Ellipse: Produserer en forlenget radial gradient med horisontal eller vertikal strekk. Dette er nyttig for bredere gradientdekning eller asymmetriske design.
- Sirkel: Dette skaper en perfekt rund gradient som stråler ut fra midten (eller det valgte fokuspunktet). Ideelt for bakgrunner i spotlightstil eller for å trekke blikket mot et sentralt element.
Fargevelger og heksadesimal kodeinndata
Enten du jobber med en heldekkende farge eller individuelle gradientstopp:
- Bruke fargevelger å velge en farge visuelt.
- Alternativt kan du skrive inn en hex fargekode manuelt (f.eks. #c14dff) for presis fargekontroll.
Hvis du bruker en gradient, kan du definere den spesifikke fargen på et stopp ved hjelp av dette verktøyet.
Opasitetsglidebryter
Nederst i panelet finner du en glidebryter for å kontrollere opasiteten:
- Angi gjennomsiktighetsnivået for den valgte fargen eller gradientstoppen.
- En verdi på 1 betyr helt ugjennomsiktig, mens 0 er helt gjennomsiktig.
Dette er nyttig for å lage lagdelte visuelle effekter eller myke bakgrunnsoverlegg.
Hvor du kan bruke disse fargealternativene
Disse avanserte fargeverktøyene er tilgjengelige i følgende områder:
- Seksjonsbakgrunn
- Overskrift Tekst
- avsnitt Tekst
Hvert område har sin egen fargefane, slik at du kan style forskjellige komponenter uavhengig av hverandre for større visuell fleksibilitet.