Próbnik i konwerter kolorów

Wybierz kolor i konwertuj między formatami HEX, RGB i HSL natychmiast. Bezpłatnie, działa w pełni w Twojej przeglądarce.

Czarny tekst na Twoim kolorze
Biały tekst na Twoim kolorze

Jak korzystać z próbnika i konwertera kolorów

  1. Click the large color preview swatch to open your browser's native color picker.
  2. Alternatywnie wpisz wartość HEX bezpośrednio w pole HEX (np. #ff5733).
  3. Dostosuj poszczególne wartości R, G, B (0-255) lub H, S, L, aby dokładnie dopasować.
  4. Wszystkie formaty aktualizują się w czasie rzeczywistym po zmianie dowolnej wartości.
  5. Użyj przycisków Kopiuj, aby skopiować sformatowaną wartość koloru do schowka.
  6. Sprawdź podgląd kontrastu, aby zobaczyć, jak czarny i biały tekst wygląda na wybranym kolorze.

Czesto zadawane pytania

Czym jest format koloru HEX?

HEX to sześciocyfrowa szesnastkowa reprezentacja koloru z prefiksem #. Każda para cyfr reprezentuje kanały czerwony, zielony i niebieski (np. #ff5733 oznacza R=255, G=87, B=51). Jest to najczęściej używany format w projektowaniu stron internetowych i CSS.

Jaka jest różnica między RGB a HSL?

RGB definiuje kolor poprzez składowe światła czerwonego, zielonego i niebieskiego (każda 0-255). HSL definiuje kolor poprzez barwę (0-360 stopni na kole kolorów), nasycenie (0-100%%) i jasność (0-100%%). HSL jest często bardziej intuicyjny dla projektantów, ponieważ można łatwo dostosować jasność lub nasycenie bez wpływu na barwę.

Dlaczego sprawdzanie kontrastu jest ważne?

Wystarczający kontrast między kolorami tekstu i tła jest niezbędny dla czytelności i dostępności. Wytyczne WCAG zalecają minimalny współczynnik kontrastu 4,5:1 dla normalnego tekstu. Podgląd kontrastu pomaga wizualnie zweryfikować, czy tekst pozostaje czytelny na wybranym kolorze.

Czy moje dane są gdzieś przechowywane?

Nie. Wszystkie konwersje kolorów odbywają się w pełni w Twojej przeglądarce za pomocą JavaScript. Żadne dane nie są wysyłane na serwer.

Więcej bezpłatnych narzędzi