HEX to RGBA

O tym narzędziu

Konwerter HEX na RGBA przekształca szesnastkowe kody kolorów na format RGBA z opcjonalną kontrolą przezroczystości. Programiści webowi używają tego narzędzia, dodając przezroczystość do kolorów w CSS, na przykład do nakładek, cieni i półprzezroczystych teł.

Wystarczy wpisać kod koloru hex (3, 6 lub 8 znaków), a narzędzie natychmiast zwróci odpowiadającą mu wartość rgba(). Możesz też dostosować wartość alfa (przezroczystość) w zakresie od 0 do 1.

Jak używać

1. Wpisz kod koloru hex (np. #ff5733 lub #f53).
2. Wynik RGBA zaktualizuje się natychmiast.
3. Dostosuj suwak alfa, aby ustawić przezroczystość (0 = przezroczysty, 1 = nieprzezroczysty).
4. Skopiuj wartość rgba() i wklej ją do swojego kodu CSS.
5. Użyj 8-cyfrowego hex (#RRGGBBAA) do bezpośredniego kodowania alfa.

Przypadki użycia

Przydatne do nakładek CSS, kolorów box-shadow, półprzezroczystych elementów interfejsu i za każdym razem, gdy trzeba dodać przezroczystość do konkretnego koloru hex.

Często zadawane pytania

• Czym jest RGBA? — RGBA to format kolorów CSS: Red, Green, Blue oraz Alpha (przezroczystość). Kanał alfa mieści się w zakresie od 0 (całkowicie przezroczysty) do 1 (całkowicie nieprzezroczysty).
• Czy mogę przekonwertować 3-cyfrowy hex? — Tak. #abc jest automatycznie rozwijane do #aabbcc przed konwersją.
• Co oznacza 8-cyfrowy hex? — 8-cyfrowy hex, taki jak #FF5733AA, zawiera kanał alfa w ostatnich dwóch cyfrach, który również mapuje się bezpośrednio na RGBA.
• Czy mogę wkleić nazwę koloru CSS? — Nie, obsługiwane są tylko kody hex. Użyj selektora kolorów, aby najpierw przekonwertować nazwany kolor na hex.