Fargevelger på nett

Om fargevelgeren på nett
Bruk denne fargevelgeren på nett til å velge en farge fra et opplastet bilde, hente en farge fra skjermen når nettleseren støtter det, eller skrive inn en fargeverdi manuelt. Den valgte fargen konverteres umiddelbart til vanlige formater som HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV og CMYK, slik at du kan kopiere verdien du trenger uten å bytte side.

• Funksjoner
Fargevelger fra bilde: Velg et lokalt bilde og flytt pekeren over bildet for å forhåndsvise nærliggende piksler. Klikk på bildet for å velge gjeldende farge.

Uthenting av fargepalett fra bilde: Etter at du har lastet opp et bilde, henter verktøyet ut en kompakt palett med hovedfarger som kan kopieres eller brukes som gjeldende farge.

Justering på pikselnivå: Etter at du har valgt en farge fra et bilde, kan du bruke piltastene til å justere posisjonen til valgt piksel mer presist.

Skjermfargevelger: Bruk nettleserens skjermvelger til å velge en farge fra skjermen når denne funksjonen støttes av nettleseren din.

Manuell fargeinndata: Skriv inn en farge manuelt med en fargevelger eller en HEX / HEXA-verdi, for eksempel #2563EB eller #2563EBFF.

Flere fargeformater: Konverter valgt farge til HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV og CMYK.

Matchende farger: Generer komplementærfarger, analoge farger, triadiske farger, myke lyse toner og dempede toner basert på gjeldende farge.

Lysere og mørkere toner: Lag en praktisk fargeskala fra lyst til mørkt som kan brukes til bakgrunner, rammer, hover-tilstander, merker og UI-komponenter.

Tekstkontrast og UI-paring: Sammenlign hvit og svart tekst med WCAG-kontrast, vis en APCA-lignende perseptuell referanse, og få forslag til et mer behagelig UI-par når en farge med høy metning trenger en mørkere eller lysere bakgrunn.

CSS-variabler: Kopier ferdige CSS-variabler for gjeldende farge, lyse og mørke varianter, lesbar tekstfarge og anbefalt bakgrunn/tekst-par for UI.

Nettleserbasert behandling: Bildelesing, fargevalg, paletthenting og fargekonvertering utføres direkte i nettleseren uten at du trenger å installere en egen app.

• Merknader
Skjermvelgeren avhenger av nettleserstøtte. I nettlesere som ikke støtter fargevalg fra skjermen, kan du fortsatt bruke bildevelgeren eller manuell inndata.

Når du henter farger fra et bilde, kan bildet bli skalert for å passe siden, men fargen som samples, mappes tilbake til pikselposisjonen i originalbildet.

Tekstkontrast beregnes ut fra den valgte heldekkende fargen. Når tekst vises på gradienter, bilder, gjennomsiktighet eller teksturerte bakgrunner, bør du også vurdere det endelige designet visuelt.

Den APCA-lignende verdien vises som en perseptuell referanse ved siden av WCAG-kontrasten. WCAG-kontrast er fortsatt tilgjengelighetskontrollen for bestått / ikke bestått på denne siden.

For farger som brukes i grensesnitt, dokumenter, bilder eller trykksaker, kan det endelige utseendet variere avhengig av skjerminnstillinger, fargeprofiler, filformater og utdataenheter.

:wiki_link