Generátor doplnkovej farby
Pomocou tohto generátora doplnkovej farby nájdite doplnkovú farbu k ľubovoľnej základnej farbe. Zadajte 3- alebo 6-miestny hexadecimálny kód a nástroj otočí jej odtieň o 180 stupňov na farebnom kruhu HSL, pričom zachová sýtosť a svetlosť, a potom vráti základnú farbu aj jej doplnok ako hexadecimálne kódy. Ideálny pre dizajnérov a vývojárov, ktorí potrebujú kontrastnú zvýrazňovaciu farbu pre tlačidlá, zvýraznenia, grafy a grafické prvky značky.
Často kladené otázky
Čo vráti generátor doplnkovej farby?
Vráti dve farby ako šesťmiestne hexadecimálne kódy s malými písmenami. Farba 1 je základná farba a farba 2 je jej doplnok, teda farba ležiaca na farebnom kruhu priamo oproti nej.
Ako sa vypočíta doplnková farba?
Nástroj prevedie váš hexadecimálny kód na HSL, k odtieňu pripočíta 180 stupňov a zachová sýtosť aj svetlosť. Otočená hodnota sa prevedie späť na RGB a zapíše ako hexadecimálny kód, takže doplnková farba má rovnakú sýtosť a jas ako základná farba.
Aké formáty farieb môžem zadať?
Zadajte 3- alebo 6-miestny hexadecimálny kód, s úvodným znakom # alebo bez neho, veľkými alebo malými písmenami, napríklad #ff5733, FF5733 alebo #f00. Zápis RGB ani HSL a názvy farieb sa tu nepodporujú, preto ich najprv preveďte na hexadecimálny kód pomocou prevodníka farieb.
Prečo sa farba 1 mierne líši od zadaného hexadecimálneho kódu?
Základná farba sa prevedie na HSL s celočíselnými hodnotami odtieňa, sýtosti a svetlosti a potom späť na hexadecimálny kód, preto sa jedna farebná zložka môže posunúť o jeden stupeň. Napríklad #ff5733 sa prevedie späť na #ff5833 a jej doplnkom je #33daff.
Aká je doplnková farba k čistej červenej?
Doplnkovou farbou k #ff0000 je #00ffff, azúrová. Tento nástroj používa farebný kruh RGB založený na modeli HSL pre obrazovky, takže červená sa dopĺňa s azúrovou, nie so zelenou ako na tradičnom maliarskom farebnom kruhu.
Čo sa stane pri čiernej, bielej alebo sivej?
Neutrálne farby majú nulovú sýtosť, takže otočenie odtieňa nič nezmení a oba výsledky budú rovnaké sivé. Ak potrebujete viditeľný doplnok, vyberte základnú farbu s určitou sýtosťou.
Ako mám použiť dvojicu doplnkových farieb v dizajne?
Jednu farbu použite na väčšinu plochy a druhú striedmo na výzvy na akciu, zvýraznenia alebo údaje, ktoré chcete nechať vyniknúť. Rovnaké množstvo oboch farieb s plnou sýtosťou zvyčajne pôsobí vizuálne rušivo, preto jednu z nich pre veľké plochy zosvetlite alebo stmavte.
Kontroluje nástroj kontrast textu?
Nie, vypočíta iba dvojicu farieb. Doplnková farba zachováva svetlosť základnej, takže obe farby môžu mať podobnú jasnosť a slabý kontrast pre text. Pred použitím jednej farby na druhej skontrolujte ich pomocou nástroja na kontrolu kontrastu WCAG.
Môžem zadať viacero farieb naraz?
Nie, pri každom spustení sa zadáva presne jeden hexadecimálny kód. Viacriadkový vstup alebo text navyše sa odmietne s chybovou správou, preto nástroj spustite osobitne pre každú základnú farbu.
Je výsledok rovnaký ako v generátore farebných paliet?
Áno. Tento nástroj používa rovnaký výpočet ako možnosť doplnkových farieb v generátore farebných paliet, takže rovnaká základná farba vždy poskytne v oboch nástrojoch rovnaké dva hexadecimálne kódy.