Image Color Picker

A most excellent

Hex Color Picker

Tune HEX and compare HWB, HSL, HSV, RGB, and OKLCH values in one calm workspace.

Próbnik kolorów HEX

Jeden próbnik kolorów HEX, sześć modeli kolorów

Wpisz kod koloru HEX i natychmiast wyświetl odpowiednie wartości w RGB, HSL, HSV, HWB i OKLCH. Przesuń suwak, a wszystkie sześć reprezentacji synchronizuje się w czasie rzeczywistym. Kod HEX i hash URL synchronizują się razem, dzięki czemu można dodać do zakładek lub udostępnić dowolny kolor w kilka sekund.

Konwersja HEX na RGB w czasie rzeczywistym

Wpisz kolor HEX jak #3b82f6, a wartości RGB zaktualizują się natychmiast. Wyszukiwarka HEX akceptuje też trzycyfrowe skrócone kody.

Wyszukiwarka kodów HEX z udostępnianiem URL

Przy każdej zmianie koloru hash URL aktualizuje się automatycznie, przekształcając tę wyszukiwarkę kodów HEX w udostępnialną zakładkę. Wyślij link do członków zespołu, a zobaczą dokładnie ten sam kolor.

Sześć modeli kolorów zsynchronizowanych

HEX, RGB, HSL, HSV, HWB i OKLCH aktualizują się wszystkie razem. Zmiana modelu nigdy nie powoduje utraty koloru — idealne dla tokenów projektowych i zmiennych CSS.

Interfejs próbnika kolorów HEX z suwakami dla modeli kolorów HSL, RGB i OKLCH

Wyszukiwarka kodów kolorów

Znajdź dowolny kod koloru — HEX, RGB, HSL, OKLCH

Ta wyszukiwarka kodów kolorów obejmuje wszystkie standardy używane w projektowaniu stron internetowych, tworzeniu aplikacji i druku cyfrowym. HEX to domyślny format dla CSS i HTML. RGB to natywny format ekranów. HSL to format czytelny dla projektantów. OKLCH to kolejny format percepcyjny w CSS Color Level 4. Wszystkie cztery dostępne jednocześnie — skopiuj ten, który pasuje do twojego przepływu pracy.

Wyszukiwarka kodów kolorów z wartościami HEX, RGB, HSL i OKLCH dla żywego niebieskiego
Próbnik kolorów HTML z wartościami kodów kolorów HEX i RGB gotowymi dla CSS

Próbnik kolorów HTML

Próbnik kolorów HTML dla CSS i projektowania stron internetowych

Niezależnie od tego, czy piszesz style inline, definiujesz tokeny projektowe, czy utrzymujesz bibliotekę zmiennych CSS, ten próbnik kolorów HTML zapewnia dokładny kod, którego potrzebujesz. Wizualnie dostosuj barwę, nasycenie i jasność, a następnie skopiuj kod koloru HEX lub wartość CSS rgb() bezpośrednio do swojego arkusza stylów.

  • Natychmiast generuj prawidłowe wartości CSS: hex, rgb(), hsl(), hwb() i oklch().
  • Synchronizacja hasha URL umożliwia zapisanie i udostępnienie dowolnego koloru jako zakładki przeglądarki.
  • Wskaźnik gamutu sygnalizuje kolory, które istnieją tylko w Display-P3 i wykraczają poza sRGB.
  • Działa offline — bez wywołań API, bez zależności od serwera.

Próbnik RGB

Próbnik RGB z precyzyjnymi suwakami

Próbnik RGB z trzema niezależnymi suwakami kanałów dla czerwonego, zielonego i niebieskiego

Dedykowane kanały RGB

Trzy niezależne suwaki R, G i B do mieszania kolorów kanał po kanale. Próbnik RGB wyświetla wartości dziesiętne i kody HEX w czasie rzeczywistym podczas przeciągania.

Próbnik RGB z konwersją na żywo między wartościami kanałów RGB a kodem koloru HEX

RGB do HEX i odwrotnie

Wklej znany kod HEX, aby natychmiast zobaczyć dekompozycję RGB, lub dostosuj suwaki próbnika RGB, aby znaleźć kod HEX dla niestandardowego odcienia. Nie potrzeba osobnego konwertera.

Próbnik RGB z porównaniem próbek gamutu sRGB i Display-P3 obok siebie

Próbnik RGB z obsługą szerokiej gamy

Przełączaj się między gamutami sRGB i Display-P3, aby zobaczyć, czy wybrany kolor można odtworzyć na ekranach z szeroką gamą. Oba próbki aktualizują się obok siebie.

Często zadawane pytania

Pytania dotyczące próbnika kolorów HEX