Color Converter | Free Edu & .COM Temporary Mails
← Alle værktøjer / Color Converter

🎨 Farvekonverter

Konverter farver mellem HEX-, RGB- og HSL-formater. Klik på farvevælgeren, eller skriv en værdi.

Hvad er en farvekonverter?

En farvekonverter oversætter farveværdier mellem de forskellige formater, der bruges i webdesign, grafisk design og printproduktion. De tre mest almindelige webfarveformater er HEX (f.eks. #3498db), RGB (f.eks. rgb(52, 152, 219)) og HSL (f.eks. hsl(204, 70%, 53%)). Hver repræsenterer den samme farve, men i en anden notation, som forskellige værktøjer, sprog og arbejdsgange foretrækker.

Webudviklere skifter til HEX til HTML/CSS stenografi, bruger RGB, når de skal anvende opacitet med rgba(), og rækker ud efter HSL, når de vil programmere justere lysstyrke eller mætning. Grafiske designere, der kopierer en hex-kode fra Figma eller Photoshop, kan have brug for den i RGB til en bestemt platform. Vores værktøj håndterer alle konverteringer øjeblikkeligt, inklusive en live farvepreview og den tilsvarende CSS-variabel.

Sådan bruges farvekonverteren

  1. Klik på farvevælger for visuelt at vælge en hvilken som helst farve — alle felter opdateres automatisk.
  2. Eller skriv a HEX værdi (f.eks. #ff6600), og klik på Konverter.
  3. Eller skriv en RGB værdi (f.eks. rgb(255, 102, 0)), og klik på Konverter.
  4. Eller skriv en HSL værdi (f.eks. hsl(24, 100%, 50%)), og klik på Konverter.
  5. Klik på kopiikonet ud for et hvilket som helst felt for at kopiere det format til dit udklipsholder.

Hvorfor bruge vores farvekonverter?

  • 100 % gratis — Konverter ubegrænsede farver uden omkostninger.
  • Ingen registrering — Øjeblikkelig adgang uden at oprette en konto.
  • Browser-baseret — Kører klientsiden uden data sendt til servere.
  • Live Preview — Se den faktiske farve, mens du skriver eller vælger.
  • CSS variabel output — Genererer en brugerdefineret CSS-egenskabsstreng.

Ofte stillede spørgsmål

HEX (#rrggbb) er en kompakt hexadecimal repræsentation, der bruges meget i CSS og HTML. RGB (rød, grøn, blå) udtrykker hver kanal som et 0-255 heltal, hvilket gør det nemt at blande kanaler programmæssigt. HSL (nuance, saturation, lightness) er den mest menneskelige intuitive — du justerer farvetonevinklen (0–360°) og mætning/lyshedsprocenterne for at få forudsigelige farvevariationer.

Brug rgba() eller hsla() CSS-funktionerne, som tilføjer en fjerde alfakanal (0 = helt gennemsigtig, 1 = helt uigennemsigtig). For eksempel: rgba(52, 152, 219, 0,5) er den samme blå ved 50 % opacitet. HEX understøtter også 8-cifret notation med alfa (f.eks. #3498dbcc) i moderne browsere.

Fordi du kan holde nuancen konstant og kun variere lyshed og mætning for at skabe harmoniske nuancer. For eksempel er hsl(210, 70%, 30%), hsl(210, 70%, 50%) og hsl(210, 70%, 70%) mørke, mellemstore og lyse varianter af den samme blå – perfekt til designsystemer og CSS-variabler.

Ikke direkte fra et skærmbillede - men du kan bruge dit operativsystems farvevælger eller en browserudvidelse til at prøve farven fra en hvilken som helst pixel på din skærm, og derefter indsætte HEX-koden i dette værktøj for at få RGB- og HSL-ækvivalenter.

Hurtige fakta

  • ✓ 100% gratis, ingen skjulte gebyrer
  • ✓ Ingen konto eller login påkrævet
  • ✓ Fungerer i enhver browser
  • ✓ Dine data forlader aldrig din enhed
  • ✓ Konverterer HEX, RGB og HSL med live preview

Relaterede værktøjer