Генератор на допълващи се цветове
Намерете допълващия се цвят на всеки основен цвят с този генератор. Въведете 3- или 6-цифрен hex код и инструментът завърта нюанса му на 180 градуса върху цветното колело HSL, като запазва наситеността и светлината, след което връща основния цвят и допълващия го като hex кодове. Идеален е за дизайнери и разработчици, които търсят акцент с висок контраст за бутони, откроявания, диаграми и бранд графики.
Често задавани въпроси
Какво връща генераторът на допълващи се цветове?
Връща два цвята като шестцифрени hex кодове с малки букви. Цвят 1 е основният ви цвят, а Цвят 2 е неговият допълващ цвят — този, който е точно срещу него на цветното колело.
Как се изчислява допълващият се цвят?
Инструментът преобразува hex кода ви в HSL, добавя 180 градуса към нюанса и запазва наситеността и светлината непроменени. Завъртяната стойност се преобразува обратно в RGB и се записва като hex код, така че допълващият цвят има същата яркост и наситеност като основния.
Какви цветови формати мога да въведа?
Въведете 3- или 6-цифрен hex код със или без началния знак #, с главни или малки букви, например #ff5733, FF5733 или #f00. Тук не се приемат нотациите RGB и HSL, както и имена на цветове, затова първо ги преобразувайте в hex с конвертор на цветове.
Защо Цвят 1 е малко по-различен от въведения от мен hex код?
Основният цвят се преобразува в HSL с цялочислени стойности за нюанс, наситеност и светлина, а след това обратно в hex, така че един от каналите може да се промени с една стъпка. Например #ff5733 се преобразува обратно в #ff5833, а допълващият му цвят е #33daff.
Кой е допълващият цвят на чистото червено?
Допълващият цвят на #ff0000 е #00ffff — циан. Този инструмент използва екранно цветно колело, базирано на RGB, HSL, така че червеното се съчетава с циан, а не със зелено, както е при традиционното колело за рисуване.
Какво става с черното, бялото или сивото?
Неутралните цветове нямат наситеност, затова завъртането на нюанса не променя нищо и двата резултата са едно и също сиво. Изберете основен цвят с известна наситеност, ако искате видим допълващ цвят.
Как да използвам двойка допълващи се цветове в дизайна?
Използвайте единия цвят за по-голямата част от повърхността, а допълващия го пестеливо за призиви към действие, откроявания или данни, които искате да изпъкнат. Еднаквите количества от двата цвята при пълна наситеност обикновено създават визуално трептене, затова изсветлете или потъмнете единия за големи площи.
Проверява ли инструментът контраста на текста?
Не, той изчислява само цветовата двойка. Допълващият цвят запазва светлината на основния, затова двата цвята може да имат сходна яркост и слаб контраст за текст; проверете двойката с инструмент за проверка на контраста по WCAG, преди да използвате единия върху другия.
Мога ли да въведа няколко цвята наведнъж?
Не, всяко изпълнение приема точно един hex код. Вход с няколко реда или допълнителен текст се отхвърля със съобщение за грешка, затова стартирайте инструмента веднъж за всеки основен цвят.
Същият ли е резултатът като при генератора на цветови палитри?
Да. Този инструмент използва същото изчисление като опцията за допълващи се цветове в генератора на цветови палитри, затова един и същ основен цвят винаги дава едни и същи два hex кода и в двата инструмента.