Konvertera HEX till RGBA
Konvertera en HEX-kod till ett rgba()-värde som du kan göra halvgenomskinligt genom att ändra alfavärdet.
hex-värde
Resultat · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Så här gör du: HEX 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 HEX och RGBA
RGBA är RGB med en fjärde komponent, alfa, som anger opaciteten från 0 (helt genomskinlig) till 1 (helt täckande). En vanlig HEX-kod med sex tecken, som #6A5ACD, innehåller ingen genomskinlighet, så konverteraren returnerar den som rgba(106, 90, 205, 1) – samma färg med full opacitet.
För att göra den genomskinlig ändrar du det sista talet: rgba(106, 90, 205, 0.5) är halvt genomskinlig, och 0.15 ger en mjuk ton. Det är det vanliga sättet att skapa överlägg på foton, diskreta skuggor, hover-markeringar och halvgenomskinliga bakgrunder utan att definiera en separat ljusare färg. Till skillnad från egenskapen opacity påverkar alfa i rgba() bara den enda färgen, så text i en halvgenomskinlig ruta förblir skarp.
Modern CSS godtar även HEX-koder med åtta tecken och alfa, som #6A5ACD80, men rgba() är lättare att läsa och redigera och fungerar även i äldre webbläsare och e-postprogram.
Allt körs lokalt i din webbläsare — dina bilder laddas aldrig upp till någon server.