Wybór koloru online to narzędzie do wizualnego wybierania kolorów i kopiowania ich kodu w formatach HEX, RGB i HSL. Działa bezpłatnie w przeglądarce, bez rejestracji i bez wysyłania danych na serwery.
Co to jest wybór koloru (color picker)?
Color picker (selektor kolorów) to interfejs do wizualnego wybierania koloru z palety lub koła barw. Zamiast zgadywać wartości HEX lub obliczać składowe RGB, klikasz na pożądany kolor i natychmiast otrzymujesz jego kod w wybranym formacie.
Obsługiwane formaty:
- HEX - sześcioznakowy kod szesnastkowy, np.
#FF5733 - RGB - trzy wartości od 0 do 255 dla czerwonego, zielonego i niebieskiego, np.
rgb(255, 87, 51) - HSL - odcień (0-360°), nasycenie (0-100%) i jasność (0-100%), np.
hsl(11, 100%, 60%)
Jak używać Selectora kolorów - kroki
- Otwórz Wybór koloru.
- Kliknij lub przeciągnij wskaźnik w obrębie palety barw, aby wybrać kolor.
- Dostosuj suwak nasycenia lub jasności.
- Kody HEX, RGB i HSL aktualizują się natychmiast.
- Kliknij kod w żądanym formacie, aby go skopiować do schowka.
Przypadki użycia
- Web design - wybieranie kolorów dla przycisków, nagłówków i tła
- Grafika i ilustracje - dobieranie kolorów do projektów graficznych
- Kodowanie CSS - uzyskiwanie gotowych wartości CSS do wklejenia w arkuszu styli
- Branding - wyszukiwanie i weryfikacja kolorów marki
- Prototypowanie - eksperymentowanie z paletą kolorów przed finalnym projektem
- Dostępność - wybieranie kolorów i sprawdzanie ich kontrastu
FAQ
Jaki format koloru powinienem używać w CSS?
Wszystkie trzy formaty (HEX, RGB, HSL) są poprawne w CSS. HEX jest najkrótszy i najpopularniejszy w praktyce. RGB jest przydatny gdy potrzebujesz kanału alpha (użyj rgba()). HSL jest intuicyjny do modyfikowania jasności i nasycenia.
Czym jest kanał alpha (przezroczystość)?
Alpha (A) to czwarty kanał koloru określający przezroczystość od 0 (w pełni przezroczysty) do 1 lub 255 (w pełni nieprzezroczysty). W CSS używasz rgba(255, 87, 51, 0.5) dla 50% przezroczystości.
Czy mogę wpisać kod HEX, aby zobaczyć kolor? Tak, możesz wpisać kod HEX w polu i selektor automatycznie przestawi wskaźnik na odpowiadające miejsce w palecie barw.
Jak zapamiętać kod HEX wybranego koloru? Skopiuj go jednym kliknięciem i wklej do notatnika lub pliku projektu. Możesz też użyć zakładek przeglądarki aby wrócić do narzędzia z tym samym kolorem.
Znajdź idealny kolor do swojego projektu z Wybór koloru - bezpłatnie i bez rejestracji.