Перейти к содержимому
🛠️ToolsShed

Генератор цветовых схем

Генерируйте дополнительные, трёхцветные и аналогичные схемы из базового цвета.

Палитра

#4F46E5
#DDE548

Об этом инструменте

Цветовая схема — это гармоничный набор цветов, выбранный в соответствии с принципами теории цвета и предназначенный для визуального взаимодействия и создания привлекательных композиций. Независимо от того, разрабатываете ли вы веб-сайт, создаёте графику или планируете внутреннее пространство, хорошо выбранная цветовая схема передаёт настроение, направляет внимание и обеспечивает целостность вашего дизайна. Этот инструмент генерирует профессиональные цветовые схемы на основе установленных цветовых отношений—дополнительных, триадических, аналогичных и других—помогая вам исследовать цветовые комбинации, которые естественно хорошо работают вместе.

Использовать этот инструмент просто: выберите базовый цвет с помощью палитры цветов или введите его шестнадцатеричный код, затем выберите предпочтительную схему гармонии из раскрывающегося меню. Инструмент мгновенно отображает все цвета в схеме со значениями в шестнадцатеричном формате, и вы можете щёлкнуть на любой цвет, чтобы скопировать его код в буфер обмена. Типичные варианты использования включают веб-дизайн, когда требуется полная палитра для компонентов пользовательского интерфейса, создание фирменного стиля, выбор цветов для визуализации данных, а также искусство и дизайн интерьера, где цветовые отношения создают визуальное воздействие.

Часто задаваемые вопросы

Реализация кода

import colorsys

def hex_to_hsl(hex_color):
    hex_color = hex_color.lstrip('#')
    r, g, b = [int(hex_color[i:i+2], 16)/255 for i in (0,2,4)]
    h, l, s = colorsys.rgb_to_hls(r, g, b)
    return int(h*360), int(s*100), int(l*100)

def hsl_to_hex(h, s, l):
    r, g, b = colorsys.hls_to_rgb(h/360, l/100, s/100)
    return '#{:02x}{:02x}{:02x}'.format(int(r*255), int(g*255), int(b*255))

def complementary(hex_color):
    h, s, l = hex_to_hsl(hex_color)
    return [hex_color, hsl_to_hex((h + 180) % 360, s, l)]

print(complementary('#6366f1'))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.