HEX ↔ RGB ↔ HSL-konverter
Konverter farver mellem HEX, RGB og HSL øjeblikkeligt med en live farveprøve. Rediger et hvilket som helst felt - de andre forbliver synkroniserede.
HEX ↔ RGB ↔ HSL Converter
Live#C026D3
CSS output
/* HEX */ #c026d3 /* RGB */ rgb(192, 38, 211) /* HSL */ hsl(292, 70%, 49%)
Key capabilities
- Konverter farver mellem HEX, RGB og HSL øjeblikkeligt med en live farveprøve.
- Kører i din browser
- Gratis at bruge
Sådan bruges
- Indtast en HEX-, RGB- eller HSL-værdi.
- Se de andre formater opdateres automatisk.
- Kopier det format, du har brug for.
How this tool works
- Indtast en HEX-, RGB- eller HSL-værdi.
- Se de andre formater opdateres automatisk.
- Kopier det format, du har brug for.
Recommended settings
- Brug først standardindstillingerne, og juster derefter om nødvendigt
Supported formats
Text / on-page input
File size and limits
- Meget komplekse flerlags forhåndsvisninger kan føles langsommere på ældre telefoner.
Privacy
Farve- og CSS-generatorer kører udelukkende i din browser. Forhåndsvisninger og konverteringer uploader aldrig dine stilarter.
Common use cases
- Brug HEX ↔ RGB ↔ HSL Converter, når som helst du har brug for det: Konverter farver mellem HEX, RGB og HSL øjeblikkeligt med en live farveprøve.
Troubleshooting
Eksempel ser anderledes ud efter indsætning
Tjek for konkurrerende CSS på din side (nulstillinger, nedarvede farver). Kopier først den genererede regel til et isoleret typografiark.
FAQ
Uploader dette min CSS?
Nej. Generatorer og konvertere kører i din browser med live preview.
Har jeg brug for en konto?
Nej. Åbn værktøjet, juster kontroller, og kopier CSS'en.
Relaterede værktøjer
Color Contrast Checker
Check foreground/background contrast against WCAG AA and AAA guidelines.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open toolBox Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open tool