Jak používat HueHub

HueHub vám pomůže vytvořit barevnou paletu pro hru. Vyberte si styl, upravte barvy, prohlédněte si je společně a exportujte výsledek do svého projektu.

Paleta krok za krokem

1 Vyberte styl

Zvolte styl, který se hodí k vaší hře. Každý vychází z jiné kombinace odstínů. Neutrální styl nabídne klidnější, méně sytý začátek.

2 Nastavte počet barev

Posuvníkem zvolte 2 až 12 barev. Další barvy paletu rozšíří, menší počet ji zjednoduší. Zamčené barvy zůstanou při úpravách na svém místě.

3 Zamkněte nebo promíchejte barvy

Klikněte na Generovat nebo stiskněte mezerník a vytvořte novou variantu. Zamčené barvy zůstanou stejné. Tlačítkem s kostkou vyměníte jen jednu vybranou barvu.

4 Upravte barvy ručně

Klikněte na ikonu tužky a otevřete výběr barvy. Odstín upravte podle sebe; kliknutím na jeho kód ho zkopírujete.

5 Vyzkoušejte vyšší kontrast

Zapněte možnost Vysoký kontrast a zvětšete rozdíly mezi světlými a tmavými barvami. Snáz jim pak přiřadíte role pro text, pozadí a prvky rozhraní.

6 Ověřte přístupnost barev

Zapněte volbu Pro barvoslepé a podívejte se, jak se barvy liší při simulaci různých typů barvosleposti. HueHub je navíc rozloží podle světlosti, aby se lépe odlišovaly.

7 Vyzkoušejte paletu v kontextu

Klikněte na Vyzkoušet paletu a přebarvěte ukázkové rozhraní podle své palety. Uvidíte, jak spolu fungují text, tlačítka i panely.

8 Exportujte barvy do projektu

Klikněte na Exportovat a zkopírujte si barvy jako CSS proměnné, JSON nebo kód pro Godot (GDScript), Unity (C#), Defold (Lua) či LÖVE (Lua). Paletu si můžete také stáhnout jako PNG.

9 Sdílejte paletu

Klikněte na Zkopírovat odkaz a pošlete paletu dál. Otevře se se stejnými barvami, které si příjemce může prohlédnout nebo upravit.