Konvertera RGB till HSL
Konvertera värden för rött, grönt och blått till nyans, mättnad och ljushet för enklare färgjustering i CSS.
rgb-värde
Resultat · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Så här gör du: RGB till HSL
- 1
Ange en färg
Skriv en färgkod eller välj en färg med färgväljaren — varje fält accepterar formatet som visas.
- 2
Se konverteringen
Resultatet uppdateras direkt medan du skriver, tillsammans med en live-förhandsvisning av färgen.
- 3
Kopiera koden
Kopiera värdet du behöver med ett klick och klistra in det i din design, CSS eller dina utskriftsinställningar.
RGB jämfört med HSL
RGB bygger en färg av tre ljuskanaler, vilket passar skärmar men är svårt att justera för hand: för att göra rgb(255, 61, 114) lite mörkare måste du ändra alla tre talen. HSL beskriver samma färg som nyans, en vinkel på färghjulet från 0 till 360°, plus mättnad och ljushet i procent, så att den rosa färgen blir hsl(344, 100%, 62%).
Den strukturen gör HSL perfekt för att skapa nyanser och teman. Behåll nyans och mättnad och sänk ljusheten för att få ett hover- eller nedtryckt läge, höj den för en tonad bakgrund eller minska mättnaden för en dämpad version. Alla moderna webbläsare godtar hsl() i CSS, så du kan klistra in resultatet direkt. Konverteraren avrundar värdena till heltal, så en konvertering tillbaka kan flytta en kanal ett steg.
Allt körs lokalt i din webbläsare — dina bilder laddas aldrig upp till någon server.