HEX RGB HSL Color Converter

Konvertera CSS-färgkoder mellan HEX-, RGB- och HSL-format med en live-förhandsvisning och kopieringsklara utdata.

Allt körs lokalt i din webbläsare.

CSS-värden

Konvertera inklistrade färger till kopieringsklara CSS-värden för stilmallar, komponenter och designtokens.

Designöverlämning

Flytta mellan HEX-specifikationer, RGB-värden från skärmdumpar och HSL-justeringar utan att öppna en designapp.

Privat lokal bearbetning

Konverteraren använder endast webbläsarnativ JavaScript. Ingen uppladdningsslutpunkt eller server-side konvertering är involverad.

Related color tools

Image Color Picker
Pick HEX, RGB and HSL values from uploaded or pasted images.
CSS Color Converter
Convert HEX, RGB, HSL, HSV and CMYK colors.

Frequently asked questions

Laddas min färgkod upp?

Nej. HEX-, RGB- och HSL-konvertering körs med JavaScript i din webbläsare. Färgkoderna du anger skickas inte till Convertrs servrar.

Vilka HEX-format stöds?

Konverteraren stöder 3-siffriga och 6-siffriga HEX-färger som #0fa och #00ffaa.

Kan jag klistra in CSS rgb()- och hsl()-värden?

Ja. Du kan klistra in värden som rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) eller 142 71% 45%.

Vad är HSL användbart för?

HSL separerar nyans, mättnad och ljushet, vilket gör det praktiskt när du justerar färgscheman, hover-tillstånd och designtokens.