Konvertera RGBA till HEX
Klistra in ett RGBA-värde och få HEX direkt. Andra format fungerar också.
Tolkad som RGB
Samma färg utan transparens, som heltäckande HEX
Justera färgen
Alla andra format
Opacitetstabell: HEX-alfa och RGBA
I 8-siffrig HEX anger de två sista siffrorna opaciteten: FF är helt täckande, 80 är ungefär 50 % och 00 är helt genomskinlig. Tabellen visar exempelfärgen i steg om 5 %.
| Opacitet | HEX-alfa | HEX | RGBA |
|---|---|---|---|
| 100% | ff | #ff5733 | rgba(255, 87, 51, 1) |
| 95% | f2 | #ff5733f2 | rgba(255, 87, 51, 0.95) |
| 90% | e6 | #ff5733e6 | rgba(255, 87, 51, 0.9) |
| 85% | d9 | #ff5733d9 | rgba(255, 87, 51, 0.85) |
| 80% | cc | #ff5733cc | rgba(255, 87, 51, 0.8) |
| 75% | bf | #ff5733bf | rgba(255, 87, 51, 0.75) |
| 70% | b3 | #ff5733b3 | rgba(255, 87, 51, 0.7) |
| 65% | a6 | #ff5733a6 | rgba(255, 87, 51, 0.65) |
| 60% | 99 | #ff573399 | rgba(255, 87, 51, 0.6) |
| 55% | 8c | #ff57338c | rgba(255, 87, 51, 0.55) |
| 50% | 80 | #ff573380 | rgba(255, 87, 51, 0.5) |
| 45% | 73 | #ff573373 | rgba(255, 87, 51, 0.45) |
| 40% | 66 | #ff573366 | rgba(255, 87, 51, 0.4) |
| 35% | 59 | #ff573359 | rgba(255, 87, 51, 0.35) |
| 30% | 4d | #ff57334d | rgba(255, 87, 51, 0.3) |
| 25% | 40 | #ff573340 | rgba(255, 87, 51, 0.25) |
| 20% | 33 | #ff573333 | rgba(255, 87, 51, 0.2) |
| 15% | 26 | #ff573326 | rgba(255, 87, 51, 0.15) |
| 10% | 1a | #ff57331a | rgba(255, 87, 51, 0.1) |
| 5% | 0d | #ff57330d | rgba(255, 87, 51, 0.05) |
| 0% | 00 | #ff573300 | rgba(255, 87, 51, 0) |
Exempel: RGBA till HEX
Om RGBA och HEX
RGBA är RGB med en alfakanal för opacitet, skrivet som rgba(255, 87, 51, 0.5). Alfa går från 0 (helt genomskinlig) till 1 (helt täckande). Samma opacitet kan skrivas som 8-siffrig HEX, till exempel #ff573380.
HEX skriver rött, grönt och blått som två hexadecimala siffror vardera, till exempel #ff5733. Det är det vanligaste sättet att skriva färger på webben och i designverktyg.
Så fungerar konverteringen
Vi läser RGBA-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till HEX. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.
Frågor och svar
Hur konverterar jag RGBA till HEX?
Klistra in eller skriv ett RGBA-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar HEX-värdet.
Är konverteringen från RGBA till HEX exakt?
Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.
Kan jag få andra format samtidigt?
Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.
Är konverteraren gratis?
Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.