Konwerter RGB na HEX
Przelicz kanały RGB i opcjonalną alfę na kolor CSS HEX.
Wypróbuj przykład z objaśnieniem
Wypróbuj przykład z objaśnieniem
Przelicz kanały RGB i opcjonalną alfę na kolor CSS HEX.
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
- Czerwony (0–255)
- 52
- Zielony (0–255)
- 152
- Niebieski (0–255)
- 219
- Alfa (opcjonalnie, 0–1)
Oczekiwany wynik
RGB: 52, 152, 219 Kolor CSS: rgb(52, 152, 219) HEX: #3498DB
Przekształć całkowite wartości składowych czerwonej, zielonej i niebieskiej na sześciocyfrowy kolor HEX; opcjonalnie dodaj alfa od 0 (przezroczystość) do 1 (nieprzezroczystość), aby uzyskać ośmiocyfrowy kolor CSS HEX.
Oczekiwanie na narzędzie. Objaśnienie jest dostępne również bez JavaScript.
Metoda i ograniczenia
Wprowadź czerwony, zielony i niebieski jako oddzielne liczby całkowite od 0 do 255. Na przykład 52, 152, 219 daje #3498DB. Pozostaw pole Alfa puste dla nieprzezroczystego sześciocyfrowego koloru HEX lub wprowadź wartość od 0 (przezroczysty) do 1 (nieprzezroczysty), aby dodać końcowy bajt alfa; 0.5 daje #3498DB80.
Kanały RGB muszą być liczbami całkowitymi od 0 do 255. Alfa jest zaokrąglana do najbliższego poziomu 8-bitowego, ponieważ CSS HEX przechowuje alfę w jednym bajcie.
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ź
Przekształć całkowite wartości składowych czerwonej, zielonej i niebieskiej na sześciocyfrowy kolor HEX; opcjonalnie dodaj alfa od 0 (przezroczystość) do 1 (nieprzezroczystość), aby uzyskać ośmiocyfrowy kolor CSS HEX.
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ć
Wprowadź czerwony, zielony i niebieski jako oddzielne liczby całkowite od 0 do 255. Na przykład 52, 152, 219 daje #3498DB. Pozostaw pole Alfa puste dla nieprzezroczystego sześciocyfrowego koloru HEX lub wprowadź wartość od 0 (przezroczysty) do 1 (nieprzezroczysty), aby dodać końcowy bajt alfa; 0.5 daje #3498DB80.
Ograniczenia
Kanały RGB muszą być liczbami całkowitymi od 0 do 255. Alfa jest zaokrąglana do najbliższego poziomu 8-bitowego, ponieważ CSS HEX przechowuje alfę w jednym bajcie.
Najczęstsze pytania
Jak ustawić przezroczystość?
Pozostaw pole Alfa puste dla nieprzezroczystego wyniku lub wprowadź wartość od 0 (pełna przezroczystość) do 1 (pełna nieprzezroczystość). Wartość jest zaokrąglana do jednego z 256 poziomów alfa, aby zmieściła się w HEX.
Jak wygląda wynik HEX?
Bez alfa jest to #RRGGBB. Z alfa jest to #RRGGBBAA, gdzie ostatni bajt zapisuje przezroczystość.
Źródła i odniesienia
Te źródła dokumentują wskazaną normę lub API przeglądarki; nie potwierdzają poprawności wyników narzędzia.