HEX to RGBA

Om det här verktyget

HEX till RGBA-konverteraren omvandlar hexadecimala färgkoder till RGBA-format med valfri kontroll av genomskinlighet. Webbutvecklare använder detta verktyg när de lägger till transparens i CSS, till exempel för overlays, skuggor och halvtransparenta bakgrunder.

Ange helt enkelt en hexfärgkod (3, 6 eller 8 tecken) så genererar verktyget direkt motsvarande rgba()-värde. Du kan även justera alfa-värdet (opaciteten) mellan 0 och 1.

Hur man använder

1. Ange en hexfärgkod (t.ex. #ff5733 eller #f53).
2. RGBA-resultatet uppdateras direkt.
3. Justera alfa-reglaget för att ställa in opacitet (0 = genomskinlig, 1 = ogenomskinlig).
4. Kopiera rgba()-värdet och klistra in det i din CSS.
5. Använd den 8-siffriga hexkoden (#RRGGBBAA) för direkt alfakodning.

Användningsfall

Användbart för CSS-overlays, box-shadow-färger, halvtransparenta UI-element och alla tillfällen då du behöver lägga till opacitet till en specifik hexfärg.

Vanliga frågor

• Vad är RGBA? — RGBA är ett CSS-färgformat: Red, Green, Blue och Alpha (opacitet). Alfakanalen sträcker sig från 0 (helt genomskinlig) till 1 (helt ogenomskinlig).
• Kan jag konvertera en 3-siffrig hexkod? — Ja. #abc expanderas automatiskt till #aabbcc före konverteringen.
• Vad betyder den 8-siffriga hexkoden? — En 8-siffrig hexkod som #FF5733AA innehåller en alfakanal i de sista två siffrorna, vilken också mappas direkt till RGBA.
• Kan jag klistra in ett CSS-färgnamn? — Nej, endast hexkoder stöds. Använd en färgväljare för att först konvertera ett namngivet färgnamn till hex.