ToolHub
Otwórz narzędzie

Próbnik kolorów

Profesjonalne narzędzie do wyboru kolorów z obsługą wielu formatów

Narzędzia deweloperskie
Uruchom narzędzie Wszystkie narzędzia

O tym narzędziu

Próbnik kolorów to narzędzie przeglądarkowe do wybierania i konwertowania kolorów między wieloma formatami. Możesz wybierać z gotowych próbek, dostosowywać odcień i przezroczystość za pomocą suwaków lub bezpośrednio wprowadzać wartości HEX i RGB. Narzędzie natychmiast wyświetla kolor w formatach HEX, RGB, HSL i HSV, a każdy format obsługuje kopiowanie jednym kliknięciem. Wszystkie operacje wykonywane są lokalnie w przeglądarce, bez wysyłania danych na żaden serwer.

Główne funkcje

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Szybki podgląd

Przypadki użycia

kolor próbnik hex rgb

Często zadawane pytania

Jakie formaty kolorów obsługuje to narzędzie?

Narzędzie wyświetla kolory w czterech formatach: HEX (np. #ff6b6b), RGB/RGBA (np. rgb(255, 107, 107)), HSL/HSLA (np. hsl(0, 100%, 71%)) i HSV (np. hsv(0, 58%, 100%)). Gdy przezroczystość jest poniżej 100%, automatycznie używane są formaty RGBA i HSLA.

Jak dostosować przezroczystość koloru?

Użyj suwaka przezroczystości znajdującego się pod suwakiem odcienia. Przesuń w lewo, aby zmniejszyć przezroczystość, w prawo, aby ją zwiększyć. Podgląd koloru i wszystkie wartości formatów aktualizują się w czasie rzeczywistym. Gdy przezroczystość jest poniżej 100%, wyjście HEX zawiera kanał alfa, a wyjścia RGB/HSL automatycznie przełączają się na format rgba/hsla.

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

Oba są cylindrycznymi modelami kolorów, ale różnie definiują jasność. W HSL (odcień, nasycenie, jasność) jasność przechodzi od czerni przez czysty kolor do bieli, gdzie jasność 100% to zawsze biel. W HSV (odcień, nasycenie, wartość) wartość przechodzi od czerni do czystego koloru, gdzie wartość 100% to najczystsza forma koloru. HSL jest częściej używany w CSS, a HSV w oprogramowaniu graficznym.

Czy można bezpośrednio wprowadzić wartości HEX lub RGB?

Tak. Możesz bezpośrednio wpisać wartość HEX (np. #3b82f6) lub RGB (np. rgb(59, 130, 246)) w polu wejściowym, a narzędzie natychmiast przekonwertuje i zaktualizuje wszystkie pozostałe wyświetlacze formatów, podgląd koloru i pozycje suwaków.

Jak skopiować wartość koloru?

Kliknij przycisk kopiowania obok dowolnej wartości formatu, a kolor zostanie skopiowany do schowka w wyświetlanym formacie (np. #ff6b6b dla HEX, rgb(255, 107, 107) dla RGB). Następnie możesz wkleić go bezpośrednio do CSS, narzędzi projektowych lub edytora kodu.

Powiązane narzędzia

Walidator JSONGenerator skrótówGenerator UUIDTester wyrażeń regularnych