Daily Toolkits

Konwerter HEX ↔ RGB ↔ HSL

Natychmiastowa konwersja kolorów pomiędzy HEX, RGB i HSL za pomocą próbki na żywo. Edytuj dowolne pole — pozostałe pozostają zsynchronizowane.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • Natychmiastowa konwersja kolorów pomiędzy HEX, RGB i HSL za pomocą próbki na żywo.
  • Działa w Twojej przeglądarce
  • Bezpłatne

Jak używać

  1. Wprowadź wartość HEX, RGB lub HSL.
  2. Zobacz, jak inne formaty aktualizują się automatycznie.
  3. Skopiuj potrzebny format.

How this tool works

  1. Wprowadź wartość HEX, RGB lub HSL.
  2. Zobacz, jak inne formaty aktualizują się automatycznie.
  3. Skopiuj potrzebny format.

Recommended settings

  • Najpierw użyj opcji domyślnych, a następnie dostosuj je w razie potrzeby

Supported formats

Text / on-page input

File size and limits

  • Bardzo złożone wielowarstwowe podglądy mogą działać wolniej na starszych telefonach.

Privacy

Generatory kolorów i CSS działają całkowicie w przeglądarce. Podglądy i konwersje nigdy nie przesyłają Twoich stylów.

Common use cases

  • Użyj konwertera HEX ↔ RGB ↔ HSL, kiedy tylko potrzebujesz: natychmiastowa konwersja kolorów pomiędzy HEX, RGB i HSL za pomocą próbki na żywo.

Troubleshooting

Podgląd wygląda inaczej po wklejeniu

Sprawdź, czy na Twojej stronie nie ma konkurencyjnych CSS (resetowanie, dziedziczone kolory). Najpierw skopiuj wygenerowaną regułę do izolowanego arkusza stylów.

FAQ

Czy to przesyła mój CSS?

Nie. Generatory i konwertery działają w Twojej przeglądarce z podglądem na żywo.

Czy potrzebuję konta?

Nie. Otwórz narzędzie, dostosuj elementy sterujące i skopiuj CSS.

Powiązane narzędzia

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool