Generátor doplňkových barev
Najděte doplňkovou barvu k libovolné základní barvě pomocí tohoto generátoru doplňkových barev. Zadejte 3 nebo 6místný hexadecimální kód a nástroj otočí její odstín o 180 stupňů na HSL barevném kruhu, přičemž zachová sytost a světlost. Poté vrátí základní barvu i její doplněk v podobě hexadecimálních kódů. Ideální pro designéry a vývojáře, kteří potřebují kontrastní akcentní barvu pro tlačítka, zvýraznění, grafy a grafiku značky.
Často kladené otázky
Co vrací generátor doplňkových barev?
Vrací dvě barvy jako šestimístné hexadecimální kódy psané malými písmeny. Barva 1 je vaše základní barva a barva 2 je její doplněk, tedy barva přímo naproti ní na barevném kruhu.
Jak se doplňková barva vypočítá?
Nástroj převede váš hexadecimální kód do HSL, přičte k odstínu 180 stupňů a zachová sytost i světlost. Otočená hodnota se převede zpět do RGB a zapíše jako hexadecimální kód, takže doplňková barva má stejnou sytost a jas jako základní barva.
Jaké barevné formáty mohu zadat?
Zadejte 3 nebo 6místný hexadecimální kód, s úvodním znakem # nebo bez něj, velkými či malými písmeny, například #ff5733, FF5733 nebo #f00. Zápis RGB ani HSL a názvy barev nejsou podporovány, proto je nejprve převeďte na hexadecimální zápis pomocí převodníku barev.
Proč se barva 1 mírně liší od zadaného hexadecimálního kódu?
Základní barva se převede do HSL s celočíselnými hodnotami odstínu, sytosti a světlosti a poté zpět do hexadecimálního zápisu, takže se jeden barevný kanál může posunout o jeden stupeň. Například #ff5733 se převede zpět na #ff5833 a její doplněk je #33daff.
Jaký je doplněk čistě červené?
Doplňkovou barvou k #ff0000 je #00ffff, azurová. Tento nástroj používá barevný kruh založený na RGB HSL, který se používá na obrazovkách, takže červená se doplňuje s azurovou, nikoli se zelenou jako na tradičním malířském kruhu.
Co se stane u černé, bílé nebo šedé?
Neutrální barvy mají nulovou sytost, takže otočení odstínu nic nezmění a oba výsledky budou stejný odstín šedé. Pokud potřebujete viditelný doplněk, zvolte základní barvu s určitou sytostí.
Jak mám v návrhu použít doplňkovou dvojici?
Jednu barvu použijte na většinu plochy a doplněk střídmě pro výzvy k akci, zvýraznění nebo data, která chcete odlišit. Stejné množství obou barev s plnou sytostí má tendenci působit vizuálně rušivě, proto jednu z nich pro větší plochy zesvětlete nebo ztmavte.
Kontroluje nástroj kontrast textu?
Ne, pouze vypočítá dvojici barev. Doplněk zachovává světlost základní barvy, takže obě barvy mohou mít podobnou luminanci a nízký kontrast pro text. Než jednu použijete na druhé, ověřte dvojici pomocí nástroje na kontrolu kontrastu podle WCAG.
Mohu zadat několik barev najednou?
Ne, každé spuštění přijímá přesně jeden hexadecimální kód. Víceřádkový vstup nebo dodatečný text vyvolá chybovou zprávu, proto spusťte nástroj pro každou základní barvu zvlášť.
Je výsledek stejný jako v generátoru barevných palet?
Ano. Tento nástroj provádí stejný výpočet jako možnost doplňkových barev v generátoru barevných palet, takže pro stejnou základní barvu vrátí oba nástroje vždy stejné dva hexadecimální kódy.