Към съдържанието

Генератор на разделено допълващи се цветове

Създайте разделено допълваща се цветова схема от един основен цвят с този генератор на разделено допълващи се цветове. Въведете 3- или 6-цифрен hex код и инструментът ще върне основния ви цвят плюс двата нюанса, разположени на 150 и 210 градуса от него върху HSL цветното колело, от двете страни на неговия допълващ цвят, като hex кодове. Полезен за дизайнери и разработчици, които искат силен контраст с по-малко напрежение от това при обикновена двойка допълващи се цветове.

Нулиране

Често задавани въпроси

Какво връща генераторът на разделено допълващи се цветове?

Той връща три цвята като шестцифрени hex кодове с малки букви. Цвят 1 е основният ви цвят, Цвят 2 е нюансът, завъртян с 150 градуса, а Цвят 3 е нюансът, завъртян с 210 градуса.

Какво представлява разделено допълваща се схема?

Вместо единствения цвят, противоположен на основния, схемата използва двата цвята до него, на 30 градуса от всяка негова страна. Така запазвате по-голямата част от контраста на двойка допълващи се цветове, но палитрата е по-лесна за балансиране.

Как се изчислява?

Инструментът преобразува hex кода в HSL, добавя 150 и 210 градуса към нюанса и преминава отново през 360 градуса. Наситеността и светлината остават същите, а всеки резултат се преобразува обратно в hex код.

Кой е разделено допълващият цвят на чистото червено?

За #ff0000 инструментът връща #ff0000, #00ff80 и #0080ff — пролетно зелено и лазурно синьо от двете страни на циановото. Инструментът използва HSL цветно колело, базирано на екранни цветове, така че резултатът се различава от цветното колело на художниците с червено, жълто и синьо.

Какви цветови формати мога да въведа?

Въведете един hex код с 3 или 6 цифри, със или без #, например #3366cc или 36c. Низове във формат RGB и HSL, както и имена на цветове, не се приемат, затова първо ги преобразувайте в hex.

Защо основният ми цвят е леко различен в резултата?

Нюансът, наситеността и светлината се закръгляват до цели числа, затова преобразуването на цвета ви в HSL и обратно може да промени един канал с една стъпка. Например #ff5733 се преобразува обратно в #ff5833, а #33ffbe и #3374ff са до него.

Как да използвам разделено допълваща се палитра?

Използвайте основния цвят като главен, а двата разделено допълващи цвята като акценти за второстепенни действия, откроявания или серии в диаграма. Тъй като акцентите не са точни противоположности, те се сблъскват по-малко с основния цвят, отколкото директният допълващ цвят.

Какво става с черното, бялото или сивото?

Неутралните цветове имат нулева наситеност, затова всяко завъртане на нюанса връща същото сиво. Изберете основен цвят с известна наситеност, за да получите три различни цвята.

Проверява ли инструментът контраста за текст?

Не, той само изчислява цветовете. И трите имат същата светлина като основния цвят, затова проверете всяка комбинация от текст и фон с инструмент за проверка на контраста, преди да я публикувате.

Съвпада ли резултатът с този на генератора на цветови палитри?

Да. Този инструмент извършва точно същото изчисление като опцията „Разделено допълващи се“ в генератора на цветови палитри, така че и двата връщат едни и същи hex кодове за един и същ основен цвят.

За OneClick Pro

OneClick Pro е безплатна колекция от над 150 уеб инструмента за ежедневна работа: преобразуване на изображения и единици, форматиране и валидиране на код, проверка на домейни и SEO, както и работа с текст, дати и числа. Всеки инструмент работи без регистрация или абонамент, а въведеното от вас се използва само за изчисляване на резултата и никога не се съхранява. Използвайте го като бърз набор от инструменти за еднократни задачи или добавете в отметките инструментите, на които разчитате всеки ден.