Generator kolorów dopełniających
Znajdź kolor dopełniający dla dowolnego koloru bazowego za pomocą tego generatora kolorów dopełniających. Wpisz 3- lub 6-cyfrowy kod szesnastkowy, a narzędzie obróci jego odcień o 180 stopni na kole barw HSL, zachowując nasycenie i jasność, a następnie zwróci kolor bazowy i jego dopełnienie w postaci kodów szesnastkowych. Idealne dla projektantów i programistów, którzy potrzebują akcentu o wysokim kontraście do przycisków, wyróżnień, wykresów i grafiki marki.
Najczęściej zadawane pytania
Co zwraca generator kolorów dopełniających?
Zwraca dwa kolory w postaci sześciocyfrowych kodów szesnastkowych zapisanych małymi literami. Kolor 1 to kolor bazowy, a kolor 2 to jego dopełnienie, czyli barwa leżąca dokładnie naprzeciwko niego na kole barw.
Jak obliczany jest kolor dopełniający?
Narzędzie konwertuje kod szesnastkowy na HSL, dodaje 180 stopni do odcienia i pozostawia nasycenie oraz jasność bez zmian. Obróconą wartość konwertuje z powrotem na RGB i zapisuje jako kod szesnastkowy, dzięki czemu dopełnienie ma taką samą intensywność i jasność jak kolor bazowy.
Jakich formatów kolorów mogę użyć?
Wpisz 3- lub 6-cyfrowy kod szesnastkowy, z początkowym znakiem # lub bez niego, małymi albo wielkimi literami, na przykład #ff5733, FF5733 lub #f00. Zapis RGB i HSL ani nazwy kolorów nie są tu obsługiwane, dlatego najpierw przekonwertuj je na zapis szesnastkowy za pomocą konwertera kolorów.
Dlaczego kolor 1 nieznacznie różni się od wpisanego przeze mnie kodu szesnastkowego?
Kolor bazowy jest konwertowany na HSL z całkowitymi wartościami odcienia, nasycenia i jasności, a następnie z powrotem na zapis szesnastkowy, więc jeden kanał może zmienić się o jeden stopień. Na przykład #ff5733 po konwersji zwraca #ff5833, a jego dopełnieniem jest #33daff.
Jakie jest dopełnienie czystej czerwieni?
Dopełnieniem koloru #ff0000 jest #00ffff, czyli cyjan. To narzędzie wykorzystuje ekranowe koło barw oparte na RGB HSL, dlatego czerwień łączy się z cyjanem, a nie z zielenią, jak na tradycyjnym kole malarskim.
Co się dzieje w przypadku czerni, bieli lub szarości?
Kolory neutralne mają zerowe nasycenie, więc obrót odcienia niczego nie zmienia i oba wyniki są takim samym odcieniem szarości. Jeśli potrzebujesz widocznego dopełnienia, wybierz kolor bazowy o pewnym nasyceniu.
Jak używać pary kolorów dopełniających w projekcie?
Użyj jednego koloru na większości powierzchni, a dopełnienia oszczędnie do wezwań do działania, wyróżnień lub danych, które mają się wyróżniać. Równe ilości obu kolorów przy pełnym nasyceniu mogą powodować efekt wizualnych drgań, dlatego na dużych powierzchniach rozjaśnij lub przyciemnij jeden z nich.
Czy narzędzie sprawdza kontrast tekstu?
Nie, oblicza tylko parę kolorów. Dopełnienie zachowuje jasność koloru bazowego, więc oba kolory mogą mieć podobną luminancję i słaby kontrast tekstu. Przed nałożeniem jednego koloru na drugi sprawdź tę parę za pomocą narzędzia do sprawdzania kontrastu WCAG.
Czy mogę wpisać kilka kolorów naraz?
Nie, każde uruchomienie obsługuje dokładnie jeden kod szesnastkowy. Dane wejściowe zawierające kilka wierszy lub dodatkowy tekst zostaną odrzucone z komunikatem o błędzie, dlatego uruchom narzędzie osobno dla każdego koloru bazowego.
Czy wynik jest taki sam jak w generatorze palet kolorów?
Tak. To narzędzie wykonuje te same obliczenia co opcja „Dopełniające” w generatorze palet kolorów, więc ten sam kolor bazowy zawsze daje w obu narzędziach te same dwa kody szesnastkowe.