HEX ↔ RGB ↔ HSL-konverterer
Konverter farger mellom HEX, RGB og HSL umiddelbart med en levende fargeprøve. Rediger et hvilket som helst felt – de andre forblir synkroniserte.
HEX ↔ RGB ↔ HSL Converter
Live#C026D3
CSS output
/* HEX */ #c026d3 /* RGB */ rgb(192, 38, 211) /* HSL */ hsl(292, 70%, 49%)
Key capabilities
- Konverter farger mellom HEX, RGB og HSL umiddelbart med en levende fargeprøve.
- Kjører i nettleseren din
- Gratis å bruke
Hvordan bruke
- Angi en HEX-, RGB- eller HSL-verdi.
- Se at de andre formatene oppdateres automatisk.
- Kopier formatet du trenger.
How this tool works
- Angi en HEX-, RGB- eller HSL-verdi.
- Se at de andre formatene oppdateres automatisk.
- Kopier formatet du trenger.
Recommended settings
- Bruk standardalternativene først, og juster deretter om nødvendig
Supported formats
Text / on-page input
File size and limits
- Svært komplekse forhåndsvisninger i flere lag kan føles tregere på eldre telefoner.
Privacy
Farge- og CSS-generatorer kjører utelukkende i nettleseren din. Forhåndsvisninger og konverteringer laster aldri opp stilene dine.
Common use cases
- Bruk HEX ↔ RGB ↔ HSL Converter når du trenger det: Konverter farger mellom HEX, RGB og HSL umiddelbart med en levende fargeprøve.
Troubleshooting
Forhåndsvisning ser annerledes ut etter innliming
Se etter konkurrerende CSS på siden din (tilbakestillinger, arvede farger). Kopier den genererte regelen inn i et isolert stilark først.
FAQ
Laster dette opp min CSS?
Nei. Generatorer og omformere kjører i nettleseren din med live forhåndsvisning.
Trenger jeg en konto?
Nei. Åpne verktøyet, juster kontroller og kopier CSS.
Relaterte verktøy
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