Konwerter kolorów

Czym jest Konwerter kolorów?

Color Converter to bezpłatny internetowy konwerter kolorów z HEX na RGB i HSL dla programistów i projektantów. Wpisz kolor w dowolnym zapisie — HEX (#rrggbb lub skrócona forma #rgb), RGB (np. "255, 100, 0" lub "rgb(255 100 0)") albo HSL (np. "220, 91%, 64%") — a każdy inny format zaktualizuje się natychmiast obok dużej próbki podglądu na żywo. Natywny próbnik kolorów pozwala wybrać odcień wizualnie, a każda wartość ma przycisk kopiowania jednym kliknięciem, więc jest poręczny, gdy trzeba dopasować kolory marki lub przenieść wartości kolorów CSS między kodem a narzędziami projektowymi.

Jak używać Konwerter kolorów

1. Wpisz lub wklej kolor w polu HEX, RGB lub HSL albo kliknij próbkę próbnika kolorów, aby wybrać odcień wizualnie.
2. Obserwuj, jak pozostałe dwa pola i duża próbka podglądu aktualizują się natychmiast, odzwierciedlając ten sam kolor.
3. Odczytaj kafelki podsumowania R / G / B, H / S / L i HEX poniżej, aby poznać przeliczone wartości poszczególnych kanałów.
4. Kliknij przycisk kopiowania obok pola, aby skopiować jego wartość: HEX kopiuje ciąg #rrggbb, natomiast RGB i HSL kopiują gotowe do użycia ciągi rgb(...) i hsl(...).
5. Jeśli wartość zostanie odrzucona, sprawdź błąd wyświetlany w wierszu i wpisz ją ponownie w formacie wskazanym przez podpowiedź pola.

Przykłady

#ff6400

RGB 255, 100, 0 / HSL 24, 100%, 50%

#fff

HEX #ffffff / RGB 255, 255, 255 / HSL 0, 0%, 100%

Najczęściej zadawane pytania

Jakie formaty kolorów obsługuje ten konwerter?

Konwertuje między trzema formatami: HEX (pełny #rrggbb i skrócona forma #rgb), RGB (0-255 na kanał) oraz HSL (barwa w stopniach, nasycenie i jasność w procentach). Obecnie nie obsługuje kanału alfa/przezroczystości, HSV, CMYK ani nazwanych kolorów CSS.

Dlaczego mój kolor pokazuje błąd "Invalid HEX color", "Invalid RGB color" lub "Invalid HSL color"?

Wartość nie pasuje do oczekiwanego formatu lub jest poza zakresem. HEX musi mieć 3 lub 6 cyfr szesnastkowych, kanały RGB muszą mieścić się w zakresie 0-255, a nasycenie i jasność HSL muszą mieścić się w zakresie 0-100%. Wpisz ją ponownie zgodnie z podpowiedzią pod tym polem.

Czy mogę wkleić pełną wartość CSS, taką jak rgb(255 100 0)?

Tak. Pola RGB i HSL po prostu wyciągają liczby z tekstu, więc zarówno "255, 100, 0", jak i "rgb(255 100 0)" działają, a przyciski kopiowania zwracają gotowe do użycia ciągi rgb(...) i hsl(...).

Czy przeliczone wartości są zaokrąglane?

Tak. Kanały RGB i wartości HSL są zaokrąglane do liczb całkowitych, więc konwersja w obie strony może różnić się od oryginału o jedną jednostkę. Wynik HEX zawsze ma dwie cyfry na kanał (#rrggbb).

Czy moje dane o kolorach są gdziekolwiek przesyłane?

Nie. Cała konwersja odbywa się lokalnie w Twojej przeglądarce za pomocą JavaScriptu — nic nie jest wysyłane na serwer i żadne wartości kolorów nie są przesyłane, więc działa prywatnie, a po jednorazowym wczytaniu strony nawet offline.