Konwerter HEX na RGB
Przekształć 3-, 4-, 6- lub 8-cyfrowy kolor CSS HEX na składowe RGB i gotowy do użycia kod CSS.
Wypróbuj przykład z objaśnieniem
Wypróbuj przykład z objaśnieniem
Przekształć 3-, 4-, 6- lub 8-cyfrowy kolor CSS HEX na składowe RGB i gotowy do użycia kod CSS.
Sprawdź jednostki i opcje, a następnie użyj przycisku obliczania. Przykład jest fikcyjny; zastąp wartości własnymi danymi.
Przykładowy tekst
- Kolor HEX
- #3498db
Oczekiwany wynik
Kolor CSS: rgb(52, 152, 219) Kanały RGB: 52, 152, 219 Alfa: 1 (nieprzezroczysty)
Przelicz 3-, 4-, 6- lub 8-cyfrowe kolory CSS HEX na kanały RGB i wartość CSS rgb(). Formy cztero- i ośmiocyfrowe zawierają alfę.
Oczekiwanie na narzędzie. Objaśnienie jest dostępne również bez JavaScript.
Metoda i ograniczenia
Wpisz kolor CSS HEX z # lub bez: 3 lub 6 cyfr dla koloru nieprzezroczystego albo 4 lub 8 cyfr, gdy ostatnia cyfra lub para określa kanał alfa. Wynik zawiera kanały RGB, alfa i gotową do wklejenia wartość CSS rgb().
Nazwy kolorów i inne składnie kolorów CSS nie są akceptowane.
Udostępnij narzędzie
Udostępniany jest wyłącznie publiczny link do narzędzia. Twoje dane wejściowe i wyniki pozostają tutaj.
Pokaż link do ręcznego skopiowania
Krótka odpowiedź
Przelicz 3-, 4-, 6- lub 8-cyfrowe kolory CSS HEX na kanały RGB i wartość CSS rgb(). Formy cztero- i ośmiocyfrowe zawierają alfę.
Strona i jej zasoby są pobierane z witryny; ta operacja wykorzystuje wpisane wartości wyłącznie w tej przeglądarce i nie wysyła ich do punktu obliczeniowego.
Jak używać
Wpisz kolor CSS HEX z # lub bez: 3 lub 6 cyfr dla koloru nieprzezroczystego albo 4 lub 8 cyfr, gdy ostatnia cyfra lub para określa kanał alfa. Wynik zawiera kanały RGB, alfa i gotową do wklejenia wartość CSS rgb().
Ograniczenia
Nazwy kolorów i inne składnie kolorów CSS nie są akceptowane.
Najczęstsze pytania
Które długości HEX mogą zawierać przezroczystość?
Kolory czterocyfrowe używają ostatniej cyfry jako alfa; ośmiocyfrowe używają ostatniego bajtu. W obu przypadkach alfa występuje po kanałach czerwonym, zielonym i niebieskim.
Czy mogę wkleić wynik do CSS?
Tak. Wynik zawiera wartość koloru rgb() lub rgba() oraz liczbowe wartości kanałów.
Źródła i odniesienia
Te źródła dokumentują wskazaną normę lub API przeglądarki; nie potwierdzają poprawności wyników narzędzia.