Czym jest próbnik kolorów?

Próbnik kolorów pozwala wybrać kolor na oko, zamiast wpisywać liczby. Większość aplikacji do projektowania ma podobny układ: suwak odcienia pozwala wybrać kolor bazowy z tęczy, a znajdujący się obok kwadrat określa nasycenie tego odcienia (od lewej do prawej) i jego jasność (od góry do dołu). Ten układ odpowiada modelowi kolorów HSV, w którym można przedstawić każdy kolor wyświetlany na ekranie.

Opis narzędzia

Przeciągnij wskaźnik po kwadracie i suwaku odcienia, aby znaleźć kolor, albo wpisz lub wklej kolor w formacie HEX, RGB, HSL lub innym. W Chrome i Edge przycisk pipety pozwala pobrać kolor z dowolnego miejsca na ekranie, także spoza przeglądarki. Ustaw krycie dla kolorów przezroczystych i skopiuj wynik w potrzebnym formacie: HEX dla CSS i większości narzędzi do projektowania, RGB i HSL dla CSS, HSV dla aplikacji do projektowania, OKLCH dla nowoczesnego CSS, a CMYK jako punkt wyjścia do druku.

Funkcje

  • Kwadrat nasycenia i jasności z suwakiem odcienia; obsługa myszy, ekranu dotykowego i klawiatury
  • Pipeta ekranowa w Chrome i Edge
  • Wpisywanie lub wklejanie koloru w formacie HEX, RGB, HSL, HWB, CMYK i innych
  • Krycie prezentowane na siatce przezroczystości
  • Wartości HEX, RGB, HSL, HSV, OKLCH i CMYK, każda gotowa do skopiowania
  • Więcej formatów, takich jak HWB, LAB, LCH i XYZ, dostępnych na liście formatów wybranego koloru
  • Działa w przeglądarce

Jak to działa

Narzędzie przechowuje kolor jako odcień, nasycenie i wartość, dzięki czemu odcień pozostaje niezmieniony podczas przeciągania wskaźnika w kierunku bieli, czerni lub szarości. Pozostałe formaty są na tej podstawie obliczane: wartości HEX i RGB są zaokrąglane do liczb całkowitych z zakresu od 0 do 255, HSL i HSV — do pełnych stopni i procentów, a OKLCH jest konwertowany za pośrednictwem przestrzeni kolorów sRGB. Gdy krycie jest mniejsze niż 100%, do HEX dodawana jest czwarta para cyfr, a do formatów CSS — wartość alfa. CMYK nie obsługuje kanału alfa i jest przeliczany w prosty sposób, bez użycia profilu drukarki.

Wskazówki

  • Krycie koloru po wklejeniu, na przykład w zapisie rgba(), nie jest zachowywane. Ustaw je za pomocą pola Krycie.
  • Kliknij kwadrat lub suwak i użyj klawiszy strzałek, aby zmieniać wartość o 1% lub o 10% przytrzymując Shift.
  • Aby pobrać kolory ze zdjęcia lub pliku ze zrzutem ekranu, użyj próbnika kolorów z obrazu, który odczytuje sam obraz.
  • Zapytaj drukarnię, jakich wartości CMYK użyć, ponieważ ten sam kolor może wyglądać inaczej w druku na różnych maszynach i papierach.