Du fandt den perfekte farve i HEX-format, men det designværktøj du bruger kræver RGB. Eller en klient sendte en farve i RGB, og du har brug for HSL-værdien til dit CSS. Farveformatkonvertering er en daglig opgave for designere og udviklere. Vores farvekonverter gør det øjeblikkeligt.
Hvad du skal bruge
- En farveværdi i et format (HEX, RGB, HSL eller andre)
- En webbrowser (Chrome, Firefox, Safari eller Edge)
- Ingen konto eller installation nødvendig
Trin-for-trin guide
Indtast din farveværdi
Åbn farvekonverter-værktøjet. Skriv eller indsæt din farveværdi i et understøttet format. Indtast fx #3B82F6 som HEX-værdi, rgb(59, 130, 246) som RGB, eller hsl(217, 91%, 60%) som HSL. Værktøjet genkender formatet automatisk.
Se alle formatkonverteringer
Værktøjet viser øjeblikkeligt din farve i alle understøttede formater: HEX, RGB, HSL og mere. Du kan se en liveforhåndsvisning af farven ved siden af alle dens tilsvarende værdier. Hvis du vil justere farven, kan du bruge farvevælgeren til at finjustere den visuelt.
Kopiér det format du har brug for
Klik på kopier-knappen ved siden af et format for at kopiere værdien til din udklipsholder. Indsæt den direkte i din CSS-fil, dit designværktøj eller overalt, hvor du har brug for den. Ingen manuel genindtastning nødvendig.
Godt at vide Farvekonverteren kører udelukkende i din browser. Den fungerer offline, når den er indlæst, og kræver ingen konto eller installation.
Forståelse af farveformater
Forskellige værktøjer og sammenhænge bruger forskellige farveformater. Her er hvornår du bruger hver:
HEX
Det mest almindelige format på nettet. En HEX-farve starter med # efterfulgt af seks tegn (bogstaver og tal), som #FF5733.
- Bruges i: CSS, HTML, designværktøjer (Figma, Sketch, Photoshop)
- Format:
#RRGGBB, hvor hvert par er en hexadecimal værdi fra 00 til FF - Eksempel:
#3B82F6(en mellemblå)
RGB
Beskriver en farve ved hjælp af dens Røde, Grønne og Blå komponenter, der hver varierer fra 0 til 255.
- Bruges i: CSS (
rgb()-funktion), programmeringssprog, LED-belysning - Format:
rgb(rød, grøn, blå) - Eksempel:
rgb(59, 130, 246)
HSL
Beskriver en farve ved hjælp af Tone (0-360 grader på farvehjulet), Mætning (0-100%) og Lysstyrke (0-100%).
- Bruges i: CSS (
hsl()-funktion), farveteori, designsystemer - Format:
hsl(tone, mætning%, lysstyrke%) - Eksempel:
hsl(217, 91%, 60%)
Tip HSL er det mest intuitive format til justering af farver. Vil du have en lysere nuance? Forøg lysstyrkeværdien. Vil du have en mere dæmpet tone? Sænk mætningen. Det gør HSL ideel til at bygge farvesystemer og skabe variationer af en basisfarve.
Hvornår du bruger hvilket format
| Situation | Anbefalet format |
|---|---|
| Skriver CSS i hånden | HEX (kort og velkendt) eller HSL (nem at justere) |
| Designværktøjsspecifikationer | HEX (branchestandard) |
| Dynamisk farvehåndtering i kode | HSL (nemmest at justere programmatisk) |
| Kommunikation af farver til klienter | HEX (mest universelt anerkendt) |
| Printdesign | CMYK (adskilt fra skærmformater) |
Videre end enkeltfarver
Når du har konverteret din farve, vil du måske udforske relaterede værktøjer:
- Gradientgenerator: Opret jævne CSS-gradienter med dine farver. Indtast to eller flere farver og få gradientkoden klar til at indsætte i dit stylesheet.
- Farvepalet-generator: Generer harmoniske farvepaletter baseret på din startfarve. Få komplementære, analoge, triadiske og andre farveskemaer automatisk.
Disse værktøjer arbejder hånd i hånd med farvekonverteren og hjælper dig med at bygge et komplet farvesystem til dit projekt.
Vigtigt Farver kan se forskellige ud på forskellige skærme på grund af skærmkalibrering, farveprofiler og lysstyrkeindstillinger. Når farvenøjagtighed er kritisk (branding, printdesign), bør du altid verificere dine farver på det faktiske medie, ikke kun på din skærm.
Ofte stillede spørgsmål
Hvad er forskellen mellem HEX og RGB?
De repræsenterer de samme oplysninger i forskellige notationer. HEX bruger hexadecimal (grundtal 16) og RGB bruger decimal (grundtal 10). #FF0000 og rgb(255, 0, 0) er begge ren rød.
Kan jeg konvertere til CMYK til print? Skærmfarveformater (HEX, RGB, HSL) og printformater (CMYK) er fundamentalt forskellige farvemodeller. En matematisk konvertering eksisterer, men til præcise printfarver bør du bruge et professionelt farvestyringsværktøj.
Hvad med gennemsigtighed (alfa)?
HEX understøtter alfa med to ekstra tegn (#3B82F680). RGB og HSL understøtter det som rgba()- og hsla()-funktioner. Farvekonverteren håndterer disse formater også.
Næste skridt
Med dine farver konverteret kan du prøve gradientgeneratoren til at oprette smukke CSS-gradienter, eller bruge farvepalet-generatoren til at bygge et komplet farveskema ud fra din valgte farve.