Utwórz dowolne jednolite tło
Ekran we własnym kolorze
Wpisz sześciocyfrowy HEX lub wybierz kolor wizualnie. Następnie otwórz go na pełnym ekranie, porównaj z poprzednim wyborem i zapisz pasujący PNG. Narzędzie pokazuje wybrany kolor wraz z jego wartościami HEX, RGB i HSL.
- Wprowadzanie
- Selektor lub sześciocyfrowy HEX
- Odczyty
- HEX, RGB, HSL i obliczona jasność
- Historia
- Cztery ostatnie kolory w przeglądarce
- Największy obraz
- 7680 × 4320
Jak utworzyć ekran we własnym kolorze z wartości HEX
Zacznij od znanej wartości, gdy ważna jest dokładność. Wybieraj wizualnie, gdy szukasz odpowiedniego nastroju.
Wprowadź kolor
Wpisz wartość taką jak #3AB0A2, użyj selektora lub pipety, jeśli przeglądarka ją udostępnia.
Sprawdź wartości
Sprawdź wartości RGB i HSL, obliczoną jasność oraz sugerowany kolor tekstu o wysokim kontraście.
Porównaj możliwości
Wybierz kolejny kolor i włącz Porównaj A/B, aby ustawić go obok wcześniejszego wyboru.
Wyświetl lub zapisz
Otwórz tło na pełnym ekranie lub pobierz jednolity PNG o wymaganych wymiarach.
Jedna wartość w projekcie i na wyświetlaczu
Kod HEX daje współpracownikom jasne cyfrowe odniesienie. Skopiuj RGB do obrazu lub ustawień aplikacji. Wybierz HSL, gdy wolisz osobno zmieniać odcień, nasycenie i jasność.
Ekran daje podgląd, a nie dowód, że każde urządzenie identycznie odtworzy wartość. Typ panelu, ustawienia kolorów urządzenia, jasność i światło w pokoju mogą zmienić jej wygląd.
Praktyczny sposób porównywania kolorów
Ustaw pierwszy kolor, potem wybierz drugi i otwórz Porównaj A/B. Oceniaj oba jednocześnie zamiast polegać na pamięci koloru. Sprawdź odczyt kontrastu, zanim umieścisz tekst na tym tle.
Gdy potrzebujesz neutralnego odniesienia, porównaj wybór z czystą czernią lub białym tłem. Te strony oferują też własne ustawienia do testów i oświetlenia.
Jak działają ustawienia koloru
Ustawienia obejmują wybór, porównanie, zachowanie przeglądarki i tworzenie pliku.
Gotowe wersje własnego koloru
Po wyborze narzędzie tworzy wersję bez zmian oraz przygaszoną, głęboką i bladą odmianę tego koloru.
Jasność i tekst
LUM pokazuje obliczoną względną jasność używaną przy sprawdzaniu dostępności stron. TEXT wskazuje, czy czarny, czy biały tekst daje mocniejszy kontrast.
Ostatnie kolory
Maksymalnie cztery poprawne kolory są zapisane lokalnie, aby umożliwić powrót do ostatniej pracy.
Dopasuj do mojego ekranu
Zapis obrazu używa wymiarów podanych przez przeglądarkę. Uwzględnia też współczynnik pikseli, czyli liczbę fizycznych pikseli przypadających na jedną jednostkę ekranu.
Ważne: Podpowiedź kontrastu jest obliczeniem dla czarnego lub białego tekstu. Sprawdź cały interfejs według wymagań dostępności właściwych dla projektu.
Pytania o Ekran we własnym kolorze
Jakie formaty HEX są przyjmowane?
Wpisz znak # i sześć znaków szesnastkowych, na przykład #1A2B3C.
Czy ostatnie kolory są przesyłane na serwer?
Nie. Lista ostatnich kolorów jest zapisana w lokalnej pamięci przeglądarki na bieżącym urządzeniu.
Czy narzędzie skalibruje monitor?
Nie. Wyświetla żądane kolory przeglądarki, ale nie potrafi zmierzyć ani poprawić fizycznego obrazu panelu.