Koło barw

Wybierz odcień na kole barw, ustaw nasycenie i jasność, a następnie skopiuj kody kolorów.

Na Twoim urządzeniu · Bez konta

Koło barw przetwarza wprowadzone dane w tej przeglądarce. Dane wejściowe i wyniki nie trafiają do analityki. Lista ostatnio używanych narzędzi zapisuje nazwy narzędzi, liczbę wizyt i czas ostatniej wizyty. Lista zapisanych narzędzi przechowuje tylko ich nazwy. Zapisywanie szkicu jest opcjonalne, a szkic pozostaje na tym urządzeniu; zapisany tekst usuniesz za pomocą opcji szkicu. Opcjonalne wczytanie tekstu z adresu URL łączy się z danym serwerem; serwer widzi wskazany adres URL i Twój adres IP. Opcjonalna akcja „Użyj w” zachowuje dane do przekazania w tej karcie. Kolejne narzędzie usuwa je po otwarciu i pomija, jeśli minęła więcej niż minuta.

Opcja „Kopiuj link” umieszcza w adresie wybrane dane wejściowe do udostępnienia. Każdy, kto ma ten link, może je ponownie otworzyć. Pliki i wygenerowane wyniki nie są uwzględniane. Narzędzia do haseł i kluczy udostępniają tylko ustawienia.

Polski

#FF0000

Odcień (stopnie)

Harmonia kolorów

Nasycenie (%)

Jasność (%)

Pierścień pokazuje odcienie przy pełnym nasyceniu i jasności 50%. Próbki kolorów uwzględniają wybrane nasycenie i jasność.

Twoje kolory

Więcej

Skróty klawiszowe

O linkach i resetowaniu

Linki zawierają wpisane dane i ustawienia. Każdy, kto ma link, może je zobaczyć, więc pomiń prywatny tekst. Pliki i wygenerowane wyniki nie są dołączane; losowania są wykonywane ponownie.

Reset ponownie wczytuje narzędzie z początkowymi wartościami, zamyka otwarte pliki i zwalnia dostęp do urządzeń. Zapisane wersje robocze pozostają na tym urządzeniu, dopóki ich nie usuniesz.

Wybierz kolory na kole barw

Dotknij pierścienia, aby wybrać odcień, lub wpisz jego kąt w polu „Odcień”. Ustaw nasycenie i jasność, a następnie wybierz pojedynczy kolor lub harmonię. Skopiuj kody HEX lub pobierz je jako zmienne CSS.

Pierścień odcieni pokazuje pełne nasycenie przy jasności 50%. Próbki wynikowe mają wybrane przez Ciebie nasycenie i jasność. Kod pod każdą próbką pozostaje czytelny niezależnie od jej koloru.

Dalej: Próbnik kolorów

Przykład

Odcień 0, nasycenie 100% i jasność 50% dają #FF0000. Tryb dopełniający dodaje odcień 180, czyli #00FFFF.

Dalej: Generator palet kolorów

Zanim użyjesz wyniku

To koło HSL w przestrzeni sRGB, a nie model mieszania farb. Harmonia nie gwarantuje czytelnego kontrastu tekstu. Przed użyciem palety do tekstu sprawdź razem kolor tekstu i tła.

Dalej: Sprawdzanie kontrastu kolorów

Narzędzia do tego samego zadania

Narzędzia do kolorów: wybór koloru, tworzenie palety i sprawdzanie kontrastu

Pomoc w interpretacji wyniku

Kody kolorów HEX, RGB i HSL: jak je odczytywać (angielski)

Aktualizacja 7 października 2026

Jak cytować tę stronę

Styl cytowania

ToolOctopus. “Koło barw.” Aktualizacja 7 października 2026. https://tooloctopus.com/pl/koło-barw.

Dodaj datę dostępu, jeśli wymagają tego Twoje wytyczne.

Cytowania są formatowane za pomocą biblioteki citeproc-js autorstwa Franka Bennetta oraz stylów Citation Style Language. Licencja i kod źródłowy.