Próbnik kolorów
Wybierz kolor, dopracuj go i skopiuj jego kod w potrzebnym formacie.
Zapieczętowane na tym urządzeniu
Działa w przeglądarce. Nic nie jest wysyłane.
Zapieczętowane
Wybierz kolor
Kody koloru
Jaśniej i ciemniej
Jaśniejsze warianty po jednej stronie, ciemniejsze po drugiej. Wybierz jeden, aby go użyć.
Jak to działa
-
Wybierz kolor
Przeciągaj w polu koloru i na suwaku barwy, wpisz kod, który już masz, albo pobierz kolor z ekranu.
-
Dopracuj go
Dostosuj krycie albo przejrzyj jaśniejsze i ciemniejsze warianty koloru, aby znaleźć odpowiedni.
-
Skopiuj kod
Skopiuj wartość HEX, RGB, HSL, OKLCH lub CMYK i wklej ją do projektu, kodu lub dokumentu.
Najczęściej zadawane pytania
Jak pobrać kolor z ekranu?
Wybierz „Pobierz z ekranu”, a potem kliknij dowolne miejsce na ekranie, aby przechwycić ten kolor. Ta pipeta jest dostępna w Chrome, Edge i innych przeglądarkach opartych na Chromium na komputerach. W pozostałych przeglądarkach próbka koloru otwiera systemowy próbnik kolorów, który często ma własną pipetę.
Którego formatu koloru użyć?
HEX jest najpopularniejszy w projektowaniu stron i działa wszędzie. RGB i HSL przydają się w CSS, gdy chcesz ręcznie zmieniać wartości. OKLCH to nowoczesny format CSS, który zachowuje spójną jasność dla różnych barw. CMYK to punkt wyjścia do druku.
Czym różni się rozjaśnienie od przyciemnienia?
Rozjaśnienie to twój kolor zmieszany z bielą, więc staje się jaśniejszy. Przyciemnienie to twój kolor zmieszany z czernią, więc staje się ciemniejszy. Próbnik miesza je w percepcyjnej przestrzeni barw, aby każdy krok wyglądał na równomierny.
Czy mogę obsługiwać próbnik klawiaturą?
Tak. Ustaw fokus na polu koloru i zmieniaj nasycenie oraz jasność klawiszami strzałek, przytrzymując Shift, aby robić większe kroki. Suwaki barwy i krycia również działają ze strzałkami.
Czy mogę udostępnić kolor?
Tak. Adres strony aktualizuje się o wybrany kolor, więc możesz dodać go do zakładek albo wysłać komuś link.