Próbnik kolorów online

O próbniku kolorów online
Użyj tego próbnika kolorów online, aby wybrać kolor z przesłanego obrazu, pobrać kolor z ekranu, jeśli przeglądarka to obsługuje, albo wpisać wartość koloru ręcznie. Wybrany kolor jest od razu konwertowany do popularnych formatów, takich jak HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV i CMYK, dzięki czemu możesz szybko skopiować potrzebną wartość bez przechodzenia na inną stronę.

• Funkcje
Próbnik koloru z obrazu: wybierz lokalny obraz i przesuwaj kursor po obrazie, aby podejrzeć pobliskie piksele. Kliknij obraz, aby wybrać bieżący kolor.

Wyodrębnianie palety z obrazu: po przesłaniu obrazu narzędzie tworzy kompaktową paletę głównych kolorów, które można skopiować lub zastosować jako aktualny kolor.

Precyzyjna korekta na poziomie piksela: po wybraniu koloru z obrazu użyj klawiszy strzałek, aby dokładniej przesunąć pozycję wybranego piksela.

Pobieranie koloru z ekranu: użyj próbnika ekranowego przeglądarki, aby wybrać kolor z ekranu, jeśli ta funkcja jest obsługiwana przez Twoją przeglądarkę.

Ręczne wprowadzanie koloru: wpisz kolor ręcznie za pomocą selektora koloru albo wartości HEX / HEXA, na przykład #2563EB lub #2563EBFF.

Wiele formatów kolorów: konwertuj wybrany kolor do formatów HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV i CMYK.

Pasujące kolory: generuj kolory dopełniające, analogiczne, triadyczne, delikatne odcienie i stonowane warianty na podstawie aktualnego koloru.

Jasne i ciemne odcienie: twórz praktyczną skalę od jasnych do ciemnych wariantów, przydatną do tła, obramowań, stanów hover, etykiet i komponentów UI.

Kontrast tekstu i pary UI: porównuj biały i czarny tekst według kontrastu WCAG, sprawdzaj orientacyjną wartość percepcyjną w stylu APCA i otrzymuj wygodniejszą parę UI, gdy kolor o wysokim nasyceniu wymaga ciemniejszego lub jaśniejszego tła.

Zmienne CSS: kopiuj gotowe zmienne CSS dla aktualnego koloru, jasnych i ciemnych wariantów, czytelnego koloru tekstu oraz zalecanej pary tła i tekstu dla UI.

Przetwarzanie w przeglądarce: odczyt obrazu, wybór koloru, wyodrębnianie palety i konwersja kolorów odbywają się bezpośrednio w przeglądarce, bez instalowania osobnej aplikacji.

• Uwagi
Pobieranie koloru z ekranu zależy od obsługi w przeglądarce. W przeglądarkach, które nie wspierają tej funkcji, nadal możesz użyć próbnika z obrazu lub ręcznego wpisywania wartości.

Podczas wybierania kolorów z obrazu sam obraz może być skalowany, aby zmieścił się na stronie, ale próbkowany kolor jest mapowany z powrotem do pozycji piksela w oryginalnym obrazie.

Kontrast tekstu jest obliczany dla wybranego jednolitego koloru. Jeśli tekst znajduje się na gradiencie, zdjęciu, przezroczystości lub teksturowanym tle, warto dodatkowo sprawdzić końcowy wygląd projektu wzrokowo.

Wartość w stylu APCA jest podawana jako percepcyjne odniesienie obok kontrastu WCAG. Kontrast WCAG pozostaje na tej stronie podstawą oceny zaliczenia lub niezaliczenia dostępności.

W przypadku kolorów używanych w interfejsach, dokumentach, obrazach lub materiałach drukowanych ostateczny wygląd może zależeć od ustawień ekranu, profili kolorów, formatów plików i urządzeń wyjściowych.

:wiki_link