Генератор на монохроматични цветове
Създайте монохроматична палитра от един основен цвят с този генератор на монохроматични цветове. Въведете шестнадесетичен код с 3 или 6 цифри и инструментът ще запази нюанса и наситеността му, като промени светлотата с 30 и 15 пункта във всяка посока в границите от 10 до 90 процента. Резултатът е от пет оттенъка и отенъка като шестнадесетични кодове, с основния цвят в средата. Идеален за дизайнери и разработчици, които създават спокойни и последователни цветови скали и теми за UI.
Често задавани въпроси
Какво генерира генераторът на монохроматични цветове?
Генерират се пет цвята като шестцифрени шестнадесетични кодове с малки букви. Цвят 3 е основният, цветове 1 и 2 са по-тъмни варианти, а цветове 4 и 5 — по-светли варианти на същия нюанс.
Как се изчисляват оттенъците?
Инструментът преобразува шестнадесетичния ви код в HSL и променя само светлотата: минус 30, минус 15, плюс 15 и плюс 30 процентни пункта. Нюансът и наситеността остават непроменени, така че всичките пет цвята принадлежат към едно цветово семейство.
Има ли долна или горна граница за светлотата?
Да. По-тъмните стъпки не падат под 10 процента светлота, а по-светлите не надхвърлят 90 процента, така че скалата избягва чистото черно и чистото бяло.
Защо получавам повтарящи се или неочаквани цветове при много тъмни или много светли основни цветове?
Заради границите от 10 и 90 процента близките до краищата стъпки се свеждат до една и съща стойност. При #000000 и двете по-тъмни стъпки стават #1a1a1a, който е по-светъл от основния цвят, а при #ffffff и двете по-светли стъпки са #e6e6e6.
Каква палитра дава чистото червено?
За #ff0000 инструментът генерира #660000, #b30000, #ff0000, #ff4d4d и #ff9999. Червеното е със светлота 50 процента, затова получавате пълния диапазон от две по-тъмни и две по-светли стъпки.
Какви цветови формати мога да въведа?
Въведете един шестнадесетичен код с 3 или 6 цифри, със или без #, например #3366cc или 36c. Нотациите RGB и HSL и имената на цветовете не се приемат, затова първо ги преобразувайте в шестнадесетичен код.
Защо основният ми цвят се връща леко променен?
Нюансът, наситеността и светлотата се закръглят до цели числа, така че преобразуването в HSL и обратно може да промени един канал с една стъпка. Например #ff5733 се показва като #ff5833 в средата на скалата.
Работи ли със сиви цветове?
Да. За разлика от схемите, основани на нюанса, монохроматичната скала променя светлотата, така че сивото дава по-светли и по-тъмни сиви цветове. Черното и бялото са ограничени от описания по-горе диапазон от 10 до 90 процента.
Как да използвам монохроматична палитра в интерфейс?
Използвайте най-тъмните цветове за текст и рамки, основния цвят за основните действия, а най-светлите — за фонове и състояния при посочване. Проверете контраста на текста с инструмент за проверка на контраста по WCAG, защото съседните стъпки се различават само с 15 пункта светлота.
Същият ли е резултатът като при генератора на цветови палитри?
Да. Този инструмент използва точно опцията Monochromatic от генератора на цветови палитри, затова и двата инструмента генерират едни и същи пет шестнадесетични кода за един и същ основен цвят.