Konvertering af farvekoder

Farvekodekonvertering (farvekonverter)

Når du angiver en farve ved hjælp af farvevælgeren eller en numerisk værdi, beregner systemet automatisk HEX-, RGB-, HSL-, HSV- og CMYK-værdierne. Du kan kopiere hvert format med et enkelt tryk og kontrollere kontrastforholdet med komplementærfarver og tekstfarver.

Vælg en farve

Understøtter formaterne #RGB, #RGBA, #RRGGBB og #RRGGBBAA.

%
%

%
%

%
%
%
%

Oversættelsesresultat

De indtastede farver er blevet konverteret til de respektive farveformater.

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

Komplementærfarver

—

Dette er den modsatte farve, forskudt 180 grader på farvehjulet.

Kontrast til tekstfarven

Forholdet til hvid tekst—
Forholdet til sort tekst—
Letlæselig tekstfarve：—

Al farvekonvertering foregår i browseren; indtastede data sendes ikke til serveren.

Hvad er et værktøj til konvertering af farvekoder?

Color Code Converter er et gratis onlineværktøj, der konverterer numeriske farveangivelser, der bruges inden for webdesign, appudvikling, billedredigering og trykdesign. Selv for den samme farve varierer det format, der bruges til at angive den – såsom HEX, RGB, HSL, HSV eller CMYK – afhængigt af applikationen eller softwaren. Med dette værktøj kan du med et enkelt blik se værdierne for alle de vigtigste formater ved blot at indtaste en enkelt farve.

HEX er en hexadecimal notation, der er meget udbredt i CSS på hjemmesider. For eksempel repræsenteres hvid som #FFFFFF og sort som #000000. RGB er et system, der kombinerer rødt, grønt og blåt lys på en skala fra 0 til 255 og bruges til at håndtere farver på skærme. RGBA og 8-cifret HEXA giver dig også mulighed for at angive opacitet, hvilket gør dem nyttige til at skabe halvgennemsigtige baggrundsfarver og overlejringer.

HSL repræsenterer farver ved hjælp af nuance, mætning og lyshed. Nuancen angives på et farvehjul, der spænder fra 0 til 360 grader, mens mætning og lyshed angives på en skala fra 0 til 100 %.Dette format gør det nemt at justere farver intuitivt, f.eks. ved at gøre dem lidt lysere eller dæmpe deres intensitet. HSV eller HSB angiver farver ved hjælp af farvetone, mætning og lysstyrke og bruges i mange grafikprogrammer og farvevælgere.

CMYK er en farvemodel baseret på mængden af cyan, magenta, gul og sort blæk og bruges primært i trykkeribranchen. CMYK-værdier, der beregnes matematisk ud fra RGB-farver på skærmen, er dog kun en grov vejledning. Da de faktiske udskriftsresultater afhænger af faktorer som papir, blæk, trykpressen og ICC-profiler, bør du kontakte dit trykkeri og kontrollere dit farvestyringsmiljø for trykte materialer, der kræver farvenøjagtighed.

Dette værktøj viser ikke kun værdier for hvert format, men også en forhåndsvisning af den valgte farve, dens komplementærfarve (forskudt 180 grader i nuance) og kontrastforholdet, når hvid og sort tekst lægges oven på hinanden. Det er nyttigt til at vælge tekstfarver, der er lette at læse på baggrundsfarven, og til at overveje farveskemaer med tanke på tilgængelighed.Alle beregninger udføres i browseren, og de farveoplysninger, du indtaster, sendes aldrig til serveren.

Sådan bruges det

  1. Brug farvevælgeren, eller indtast en værdi i HEX, RGB, HSL, HSV eller CMYK.
  2. Afhængigt af det format, du indtaster, opdateres værdierne i andre farveformater automatisk.
  3. Hvis der kræves gennemsigtighed, skal du justere gennemsigtighedsskyderen eller det numeriske felt.
  4. Når du klikker på "Vis konverteringsresultater", bliver du ført til resultatafsnittet, hvor du kan tjekke hvert format, komplementærfarver og kontrastforhold.
  5. Klik på "Kopier" i det ønskede format, og indsæt det derefter i CSS, designværktøjer, dokumentation osv.

Forholdsregler ved brug

  • CMYK-værdier er generelle konverteringer, der er afledt af RGB, og garanterer ikke nøjagtig farvegengivelse ved udskrivning.
  • Gennemsigtighed afspejles i RGB-, HSL- og HEXA-formater, men CMYK indeholder ikke begrebet gennemsigtighed.
  • Afhængigt af indstillingerne for din skærm, browser og operativsystem kan den samme farvekode se forskellig ud.
  • Kontrastforholdet beregnes på baggrund af uigennemsigtige farver, eksklusive gennemsigtighed. Læsbarheden kan variere afhængigt af det faktiske baggrundsbillede og hvordan elementerne overlapper hinanden.
  • Meget små decimaltal afrundes til et passende antal decimaler for at sikre læsbarheden.

Ofte stillede spørgsmål

Farver angives i hexadecimal notation. Der anvendes typisk et 6-cifret #RRGGBB-format; når der medtages gennemsigtighed, anvendes et 8-cifret #RRGGBBAA-format.

RGB består af tre komponenter – rød, grøn og blå – mens RGBA tilføjer en alfakanal for at angive gennemsigtighed.

Dette er nyttigt, når du vil justere lysstyrken eller mætningen, mens du bevarer den samme farvetone. Det er også velegnet til at skabe farvevariationer i CSS.

Generelt henviser disse til den samme model. "V" står for "Value" og "B" står for "Brightness", selvom terminologien kan variere afhængigt af appen.

Viser omtrentlige værdier baseret på generelle formler. ICC-profiler og et specifikt udskrivningsmiljø er påkrævet for at opnå nøjagtige udskriftsfarver.

Ja. Hvis du indtaster en værdi i #RGB-format, konverteres den til #RRGGBB, hvor hvert ciffer gentages to gange.

Ja. Den understøtter både #RGBA- og #RRGGBBAA-ind- og uddata.

Dette er farver, der ligger på den modsatte side af farvehjulet. Dette værktøj beregner dem ved at forskyd HSL-farvetonen med 180 grader.

Dette angiver forskellen i lysstyrke mellem baggrundsfarven og tekstfarven. Generelt gælder det, at jo højere tallet er, desto lettere er det at skelne teksten.

Sammenlign kontrastforholdene i resultatafsnittet; ved at vælge det med det højeste forhold forbedres læsbarheden.

Nej. Konverteringen og visningen foregår udelukkende i browseren; farveværdierne sendes ikke til serveren til behandling.

Ja. Du kan konvertere værdier ved hjælp af farvevælgeren eller numeriske indtastningsfelter i understøttede browsere.