Konwerter HEX na RGBA
Zamień kod HEX na wartość rgba(), którą możesz uczynić półprzezroczystą, edytując liczbę alfa.
Wartość hex
Wynik · 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%)
Jak używać: HEX na RGBA
- 1
Wprowadź kolor
Wpisz kod koloru lub wybierz kolor próbnikiem — każde pole przyjmuje format, który wyświetla.
- 2
Zobacz konwersję
Wynik aktualizuje się natychmiast podczas pisania, razem z podglądem koloru na żywo.
- 3
Skopiuj kod
Skopiuj potrzebną wartość jednym kliknięciem i wklej ją do projektu, CSS lub ustawień druku.
O HEX i RGBA
RGBA to RGB z czwartą składową — alfa, która określa krycie od 0 (całkowicie przezroczysty) do 1 (całkowicie nieprzezroczysty). Standardowy, sześciocyfrowy kod HEX, np. #6A5ACD, nie zawiera przezroczystości, więc konwerter zwraca go jako rgba(106, 90, 205, 1) — ten sam kolor przy pełnym kryciu.
Aby kolor prześwitywał, zmień ostatnią liczbę: rgba(106, 90, 205, 0.5) jest w połowie przezroczysty, a 0.15 daje delikatne zabarwienie. To typowy sposób na tworzenie nakładek na zdjęcia, subtelnych cieni, podświetleń po najechaniu i półprzezroczystych teł bez definiowania osobnego, jaśniejszego koloru. W przeciwieństwie do właściwości opacity kanał alfa w rgba() dotyczy tylko tego jednego koloru, więc tekst wewnątrz półprzezroczystego pola pozostaje wyraźny.
Nowoczesny CSS akceptuje też ośmiocyfrowe kody HEX z kanałem alfa, np. #6A5ACD80, ale rgba() jest łatwiejsze do odczytania i edycji, a do tego działa w starszych przeglądarkach i programach pocztowych.
Wszystko działa lokalnie w Twojej przeglądarce — Twoje obrazy nigdy nie są przesyłane na serwer.