Generátor monochromatických farieb
Pomocou tohto generátora monochromatických farieb vytvoríte paletu z jednej základnej farby. Zadajte 3- alebo 6-miestny hexadecimálny kód a nástroj zachová jeho odtieň a sýtosť, pričom svetlosť posunie v oboch smeroch o 30 a 15 percentuálnych bodov v rozsahu 10 až 90 percent. Vráti päť odtieňov a tónov ako hexadecimálne kódy, pričom základná farba bude uprostred. Ideálne pre dizajnérov a vývojárov, ktorí vytvárajú pokojné a jednotné farebné škály a motívy UI.
Často kladené otázky
Čo poskytuje generátor monochromatických farieb?
Vráti päť farieb ako šesťmiestne hexadecimálne kódy s malými písmenami. Farba 3 je základná; farby 1 a 2 sú tmavšie verzie a farby 4 a 5 svetlejšie verzie rovnakého odtieňa.
Ako sa vypočítavajú odtiene?
Nástroj prevedie hexadecimálny kód na HSL a zmení iba svetlosť: mínus 30, mínus 15, plus 15 a plus 30 percentuálnych bodov. Odtieň a sýtosť zostávajú rovnaké, takže všetkých päť farieb patrí do jednej farebnej rodiny.
Existuje dolný alebo horný limit svetlosti?
Áno. Tmavšie kroky nikdy neklesnú pod svetlosť 10 percent a svetlejšie kroky nikdy neprekročia 90 percent, takže škála neobsahuje čistú čiernu ani čistú bielu.
Prečo pri veľmi tmavých alebo svetlých základných farbách dostávam duplicitné alebo neočakávané farby?
Kvôli limitom 10 a 90 percent sa kroky blízko hraníc zredukujú na rovnakú hodnotu. Pri #000000 budú oba tmavšie kroky rovnaké ako #1a1a1a, ktorá je svetlejšia než základná farba, a pri #ffffff budú oba svetlejšie kroky rovnaké ako #e6e6e6.
Akú paletu vytvorí čistá červená?
Pre #ff0000 nástroj vráti #660000, #b30000, #ff0000, #ff4d4d a #ff9999. Červená má svetlosť 50 percent, preto získa úplný rozsah dvoch tmavších a dvoch svetlejších krokov.
Aké formáty farieb môžem zadať?
Zadajte jeden 3- alebo 6-miestny hexadecimálny kód, s # alebo bez neho, napríklad #3366cc alebo 36c. Zápis RGB a HSL ani názvy farieb nie sú podporované, preto ich najprv preveďte na hexadecimálny kód.
Prečo sa moja základná farba po výpočte mierne zmení?
Odtieň, sýtosť a svetlosť sa zaokrúhľujú na celé čísla, takže prevod do HSL a späť môže posunúť jeden kanál o jednu úroveň. Napríklad #ff5733 sa v strede škály zobrazí ako #ff5833.
Funguje to aj pre sivé odtiene?
Áno. Na rozdiel od schém založených na odtieni monochromatická škála mení svetlosť, takže zo sivej vytvorí svetlejšie a tmavšie odtiene sivej. Čiernu a bielu obmedzuje vyššie uvedený rozsah 10 až 90 percent.
Ako použiť monochromatickú paletu v rozhraní?
Na text a okraje použite najtmavšie farby, na hlavné akcie základnú farbu a na pozadia a stavy pri podržaní kurzora najsvetlejšie. Kontrast textu skontrolujte pomocou nástroja na kontrolu kontrastu WCAG, pretože susedné odtiene sa líšia svetlosťou iba o 15 bodov.
Je výsledok rovnaký ako v generátore farebných paliet?
Áno. Tento nástroj používa presne možnosť Monochromatic z nástroja Generátor farebnej palety, takže oba nástroje vrátia pre rovnakú základnú farbu rovnakých päť hexadecimálnych kódov.