Konvertering av fargekoder

Fargekodekonvertering (fargekonverter)

Når du angir en farge ved hjelp av fargevelgeren eller en numerisk verdi, beregner systemet automatisk HEX-, RGB-, HSL-, HSV- og CMYK-verdiene. Du kan kopiere hvert format med ett enkelt klikk og sjekke kontrastforholdet med komplementærfarger og tekstfarger.

Angi en farge

Støtter formatene #RGB, #RGBA, #RRGGBB og #RRGGBBAA.

%
%

%
%

%
%
%
%

Oversettelsesresultat

De angitte fargene er konvertert til hvert fargeformat.

Eksempeltekst
HEX—
HEXA (med opasitet)—
RGB—
RGBA—
HSL—
HSLA—
HSV / HSB—
CMYK—

Komplementærfarger

—

Dette er den motsatte fargen, forskjøvet 180 grader på fargehjulet.

Kontrast mot tekstfarge

Forholdet til hvit tekst—
Forholdet til svart tekst—
Lettlest tekstfarge：—

All fargekonvertering utføres i nettleseren; inndata sendes ikke til serveren.

Hva er et verktøy for konvertering av fargekoder?

Color Code Converter er et gratis nettverktøy som konverterer numeriske fargeangivelser som brukes i webdesign, apputvikling, bildredigering og trykkdesign. Selv for den samme fargen varierer formatet som brukes til å spesifisere den – for eksempel HEX, RGB, HSL, HSV eller CMYK – avhengig av applikasjonen eller programvaren. Med dette verktøyet kan du se verdiene for alle de viktigste formatene på et øyeblikk ved å bare skrive inn én farge.

HEX er en heksadesimal notasjon som er mye brukt i CSS på nettsteder. For eksempel representeres hvitt som #FFFFFF, og svart som #000000. RGB er et system som kombinerer rødt, grønt og blått lys på en skala fra 0 til 255, og brukes til å håndtere farger på skjermer. RGBA og 8-sifret HEXA lar deg også angi opasitet, noe som gjør dem nyttige for å lage halvtransparente bakgrunnsfarger og overlegg.

HSL representerer farge ved hjelp av fargetone, metning og lyshet. Fargetonen angis på et fargehjul som strekker seg fra 0 til 360 grader, mens metning og lyshet angis på en skala fra 0 til 100 %.Dette formatet gjør det enkelt å justere farger intuitivt, for eksempel ved å gjøre dem litt lysere eller dempe intensiteten. HSV eller HSB representerer farger ved hjelp av fargetone, metning og lysstyrke, og brukes i mange grafikkprogrammer og fargevelgere.

CMYK er en fargemodell basert på mengden av cyan, magenta, gul og svart blekk, og brukes hovedsakelig i trykkeribransjen. CMYK-verdier beregnet matematisk ut fra RGB-farger på skjermen er imidlertid bare en grov veiledning. Siden de faktiske utskriftsresultatene avhenger av faktorer som papir, blekk, trykkpressen og ICC-profiler, bør du ta kontakt med trykkeriet ditt og kontrollere fargehåndteringsmiljøet ditt for trykte materialer som krever fargenøyaktighet.

Dette verktøyet viser ikke bare verdier for hvert format, men også en forhåndsvisning av den valgte fargen, dens komplementærfarge (forskyvet 180 grader i fargetone) og kontrastforholdet når hvit og svart tekst legges over hverandre. Det er nyttig for å velge tekstfarger som er lette å lese mot bakgrunnsfargen og for å vurdere fargevalg med tanke på tilgjengelighet.Alle beregninger utføres i nettleseren, og fargeinformasjonen du legger inn blir aldri sendt til serveren.

Slik bruker du

  1. Bruk fargevelgeren eller skriv inn en verdi i HEX, RGB, HSL, HSV eller CMYK.
  2. Avhengig av hvilket format du angir, vil verdiene i andre fargeformater oppdateres automatisk.
  3. Hvis gjennomsiktighet er nødvendig, juster gjennomsiktighetsglidebryteren eller det numeriske feltet.
  4. Når du klikker på «Vis konverteringsresultater», blir du ført til resultatdelen, hvor du kan sjekke hvert format, komplementærfarger og kontrastforhold.
  5. Klikk på «Kopier» i ønsket format, og lim det deretter inn i CSS, designverktøy, dokumentasjon osv.

Forholdsregler ved bruk

  • CMYK-verdiene er generelle konverteringer avledet fra RGB og garanterer ikke nøyaktig fargegjengivelse ved utskrift.
  • Gjennomsiktighet gjenspeiles i RGB-, HSL- og HEXA-utdata, men CMYK inkluderer ikke begrepet gjennomsiktighet.
  • Avhengig av skjerm, nettleser og operativsysteminnstillinger kan den samme fargekoden se annerledes ut.
  • Kontrastforholdet beregnes basert på ugjennomsiktige farger, uten å ta hensyn til gjennomsiktighet. Lesbarheten kan variere avhengig av det faktiske bakgrunnsbildet og hvordan elementene overlapper hverandre.
  • Svært små desimaltall vil bli avrundet til et passende antall desimaler for å sikre lesbarhet.

Ofte stilte spørsmål

Farger angis i heksadesimal notasjon. Vanligvis brukes et 6-sifret #RRGGBB-format; når det inkluderes gjennomsiktighet, brukes et 8-sifret #RRGGBBAA-format.

RGB består av tre komponenter – rød, grønn og blå – mens RGBA legger til en alfakanal for å representere gjennomsiktighet.

Dette er nyttig når du vil justere lysstyrken eller metningen samtidig som du beholder den samme fargetonen. Det egner seg også godt til å lage fargevariasjoner i CSS.

Generelt refererer disse til samme modell. «V» står for «Value» og «B» står for «Brightness», selv om terminologien kan variere avhengig av appen.

Viser omtrentlige verdier basert på generelle formler. ICC-profiler og et spesifikt utskriftsmiljø er nødvendig for å oppnå nøyaktige utskriftsfarger.

Ja. Hvis du angir en verdi i #RGB-format, vil den bli konvertert til #RRGGBB, der hvert siffer gjentas to ganger.

Ja. Den støtter både #RGBA- og #RRGGBBAA-inndata og -utdata.

Dette er farger som ligger på motsatt side av fargehjulet. Dette verktøyet beregner dem ved å forskyve HSL-fargetonen med 180 grader.

Dette angir forskjellen i lysstyrke mellom bakgrunnsfargen og tekstfargen. Generelt gjelder det at jo høyere tallet er, desto lettere er det å skille teksten ut.

Sammenlign kontrastforholdene i resultatdelen; ved å velge det med det høyeste forholdet vil lesbarheten forbedres.

Nei. Konverteringen og visningen skjer utelukkende i nettleseren; fargeverdiene sendes ikke til serveren for behandling.

Ja. Du kan konvertere verdier ved hjelp av fargevelgeren eller numeriske inntastingsfelt i nettlesere som støtter dette.