Przejdź do treści
patrache.tools

Wybór koloru

Wybieraj, konwertuj i kopiuj kolory w formatach HEX, RGB, HSL, OKLCH. Zapisuj palety. Za darmo.

HEX#2563EB
RGB
HSL
OKLCH
R
G
B
Paleta
lockPliki nie są wysyłane na żaden serwer
Udostępnij
Osadź

Osadź to narzędzie na swojej stronie

Próbnik kolorów pozwala wybierać, konwertować i kopiować kolory w 4 formatach: HEX, RGB, HSL, OKLCH. Zawiera zapisywanie palety.

Jak używać Wybór koloru?

  1. Wybierz żądany kolor z próbnika kolorów.
  2. Skopiuj wartości HEX, RGB lub HSL.
  3. Dodaj kolory do palety w celach referencyjnych.

Najczęściej zadawane pytania o Wybór koloru

Czy mogę wprowadzić kod koloru bezpośrednio?

Tak, możesz wpisać kod HEX bezpośrednio, aby wybrać dokładny kolor.

Czym różnią się HEX, RGB i HSL i kiedy używać każdego?

Wszystkie trzy zapisują ten sam kolor inną notacją. HEX w rodzaju #FF5733 jest krótki i dobrze wędruje między plikiem projektowym a CSS-em; RGB pokazuje wprost kanały czerwony, zielony i niebieski, co ułatwia obliczenia w kodzie. HSL rozkłada barwę na odcień, nasycenie i jasność, więc najłatwiej nim zrobić wariant po prostu ciemniejszy lub mniej nasycony.

Dlaczego kolor wybrany na ekranie wygląda inaczej po wydruku?

Ekran tworzy kolor przez dodawanie światła (RGB), a druk odejmuje je, nakładając farby (CMYK), i zakresy obu są różne. Zielenie, pomarańcze i błękity bliskie fluorescencji nie mają odpowiednika w farbie, więc wychodzą wyraźnie zmatowiałe. Gdy praca idzie do druku, unikaj bardzo nasyconych barw i przekaż drukarni wartości CMYK albo numer Pantone zamiast kodu HEX.

Czy mogę pobrać kolor kroplomierzem z dowolnego miejsca na ekranie?

W przeglądarkach desktopowych opartych na Chromium, jak Chrome i Edge, wbudowany EyeDropper pobiera kolor z dowolnego okna, nie tylko ze strony. Safari, Firefox i przeglądarki mobilne jeszcze tego nie obsługują, więc przycisk kroplomierza się tam nie pojawia. Wtedy zrób zrzut ekranu, wgraj go jako obraz i pobierz kolor z niego.

Wskazówki dotyczące efektywnego korzystania z Wybór koloru

  • Wpisuj kody HEX bezpośrednio, aby szybko znaleźć dokładne kolory zgodne z wytycznymi Twojej marki.
  • Tryb HSL ułatwia znajdowanie kolorów analogicznych lub dopełniających poprzez dostosowanie wartości barwy (Hue).
  • Zapisuj kolory do palety, aby zachować spójność w całym projekcie.

Powered by Patrache Studio Tools

Zezwól na reklamy w tej witrynie

Aby korzystać z tych narzędzi, zezwól na reklamy w tej witrynie. Reklamy pozwalają utrzymać bezpłatny dostęp do usługi.

Otwórz bloker reklam, wyłącz go dla tej witryny i sprawdź ponownie.