Konvertera HSL till RGBA
Konvertera nyans, mättnad och ljushet till ett rgba()-värde som är redo för genomskinlighet i CSS.
hsl-värde
Resultat · RGBA
rgba(255, 61, 119, 1)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Så här gör du: HSL till RGBA
- 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.
Om HSL och RGBA
HSL och RGBA kommer från två olika sätt att tänka kring färg. HSL definierar en färg utifrån nyans, mättnad och ljushet, vilket gör det lätt att ta fram en uppsättning besläktade nyanser. RGBA definierar den utifrån kanalvärden för rött, grönt och blått från 0 till 255 plus en alfakanal för opacitet – formatet som många JavaScript-bibliotek, kod för canvas-ritning, diagramverktyg och äldre CSS-kodbaser förväntar sig.
Konverteraren gör om dina HSL-värden till rgba() med alfa satt till 1, alltså helt täckande. Ändra det sista talet för att få genomskinlighet: 0.8 för en lätt genomskinlig panel, 0.3 för ett överlägg på ett foto, 0 för osynligt. Tips: i modern CSS kan du även lägga till alfa direkt i HSL, som i hsl(160 60% 45% / 0.3), men rgba() är det säkrare valet när ett bibliotek eller en e-postmall inte stöder den nyare syntaxen.
Allt körs lokalt i din webbläsare — dina bilder laddas aldrig upp till någon server.