Konvertér HEX til RGBA
Konvertér en HEX-kode til en rgba()-værdi, som du kan gøre halvgennemsigtig ved at ændre alfatallet.
hex-værdi
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ådan gør du: HEX til RGBA
- 1
Indtast en farve
Skriv en farvekode, eller vælg en farve med farvevælgeren — hvert felt accepterer det format, det viser.
- 2
Se konverteringen
Resultatet opdateres med det samme, mens du skriver, sammen med et live-eksempel på farven.
- 3
Kopiér koden
Kopiér den værdi, du har brug for, med ét klik, og indsæt den i dit design, din CSS eller dine udskriftsindstillinger.
Om HEX og RGBA
RGBA er RGB med en fjerde komponent, alfa, som angiver opaciteten fra 0 (helt gennemsigtig) til 1 (helt dækkende). En almindelig HEX-kode med seks cifre som #6A5ACD indeholder ingen gennemsigtighed, så konverteren returnerer den som rgba(106, 90, 205, 1) — den samme farve med fuld dækkevne.
Vil du gøre den gennemsigtig, så ændr det sidste tal: rgba(106, 90, 205, 0.5) er halvt gennemsigtig, og 0.15 giver et blødt skær. Det er den almindelige måde at lave overlays på fotos, diskrete skygger, fremhævninger ved hover og gennemskinnelige baggrunde på uden at definere en separat lysere farve. I modsætning til egenskaben opacity påvirker alfa i rgba() kun den ene farve, så tekst inde i en halvgennemsigtig boks forbliver skarp.
Moderne CSS accepterer også HEX-koder med otte cifre og alfa, som #6A5ACD80, men rgba() er nemmere at læse og redigere og virker også i ældre browsere og mailprogrammer.
Alt kører lokalt i din browser — dine billeder bliver aldrig uploadet til en server.