W CSS 3, cytując ze specyfikacji, „nie ma notacji szesnastkowej dla wartości RGBA” (patrz specyfikacja CSS Level 3 ). Zamiast tego możesz użyć notacji funkcjonalnej rgba () z liczbami dziesiętnymi lub procentami, np. Rgba (255, 0, 0, 0,5) będzie w 50% przezroczysty czerwony. Kanały RGB to 0-255 lub 0% -100%, alfa to 0-1.
W CSS 4 * możesz określić kanał alfa za pomocą 7 i 8 znaku 8-cyfrowego koloru szesnastkowego lub 4-tego znaku 4-cyfrowego koloru szesnastkowego (patrz specyfikacja CSS Level 4 *)
Można oczekiwać, że od maja 2019 r.> 80% użytkowników będzie rozumieć format #RGBA
Chrome obsługuje tę składnię od wersji Chrome 62. We wcześniejszych wersjach można było włączyć eksperymentalne funkcje internetowe, aby używać tej składni. Zobacz problem Chromium 618472 i błąd Webkit 150853 .
Aplikacje na Androida przeznaczone dla systemu Android P lub nowszego mogą używać tej składni
Opera obsługuje tę składnię w Operze 52 (lub Operze 39, gdy włączone są eksperymentalne funkcje sieciowe).
IE 11 i EdgeHTML 18 (Edge 44) nie obsługują tej składni. Wersje Edge oparte na Chromium będą obsługiwać tę składnię.
Nie, chyba że włączysz eksperymentalne funkcje internetowe, ponieważ powodowało to problemy w systemie Android. Zobacz moją odpowiedź powyżej, aby uzyskać szczegółowe informacje dotyczące obsługi przeglądarki.
thelem
3
Możesz spróbować umieścić kolor szesnastkowy w próbniku kolorów GIMP lub sklepie fotograficznym, aby uzyskać wartość RGB, a następnie użyć wartości alfa. na przykład. czerwony to #FF0000lub rgb(255,0,0), jeśli chcesz mieć kolor czerwony z wartością alfa równą 0,5 rgba(255,0,0,.5).
Może nie dokładnie to, czego chciałeś, ale mam nadzieję, że pomoże.
To zostało odrzucone, co wydaje się nieco surowe. Nie odpowiada na zadane pytanie, ale pytanie nie mówi, dlaczego chcą wiedzieć. Jeśli chcą po prostu użyć koloru RGBA w CSS, to ta odpowiedź jest poprawna.
:-POdpowiedzi:
W CSS 3, cytując ze specyfikacji, „nie ma notacji szesnastkowej dla wartości RGBA” (patrz specyfikacja CSS Level 3 ). Zamiast tego możesz użyć notacji funkcjonalnej rgba () z liczbami dziesiętnymi lub procentami, np. Rgba (255, 0, 0, 0,5) będzie w 50% przezroczysty czerwony. Kanały RGB to 0-255 lub 0% -100%, alfa to 0-1.
W CSS 4 * możesz określić kanał alfa za pomocą 7 i 8 znaku 8-cyfrowego koloru szesnastkowego lub 4-tego znaku 4-cyfrowego koloru szesnastkowego (patrz specyfikacja CSS Level 4 *)
Można oczekiwać, że od maja 2019 r.> 80% użytkowników będzie rozumieć format #RGBA
Aktualne informacje o obsłudze przeglądarek są dostępne na CanIUse.com
* Technicznie wciąż jest w wersji roboczej, ale biorąc pod uwagę obsługę przeglądarki, prawdopodobnie nie zostanie to zmienione.
źródło
Wygląda na to, że nie ma szesnastkowego formatu alfa: http://www.w3.org/TR/css3-color/
W każdym razie, jeśli używasz preprocesora CSS, takiego jak SASS, możesz przekazać hex do
rgba: background:Preprocesor po prostu automatycznie konwertuje kod szesnastkowy na rgb.
źródło
Nie jestem pewien, czy istnieje oficjalny standard
RGBA to reprezentacja, którą widziałem dla Web Macromedia, a inne używają ARGB
Uważam, że RGBA jest bardziej powszechną reprezentacją.
Jeśli to pomaga, pochodzi z W3 dla CSS3
http://www.w3.org/TR/css3-color/#rgba-color
EDYCJA (Patrick): cytat z powyższego linku W3
źródło
Chrome 52+ obsługuje alpha hex:
W przypadku starszych przeglądarek będziesz musiał użyć:
źródło
Możesz spróbować umieścić kolor szesnastkowy w próbniku kolorów GIMP lub sklepie fotograficznym, aby uzyskać wartość RGB, a następnie użyć wartości alfa. na przykład. czerwony to
#FF0000lubrgb(255,0,0), jeśli chcesz mieć kolor czerwony z wartością alfa równą 0,5rgba(255,0,0,.5).Może nie dokładnie to, czego chciałeś, ale mam nadzieję, że pomoże.
źródło