Генератор цветовых оттенков

Генератор цветовых оттенков берет один базовый цвет и строит монохроматическую шкалу из более светлых и темных версий его. Из одного входа, такого как #4466EE, он создает ряд оттенков, которые шагают в сторону белого, ряд оттенков, которые шагают в сторону черного, и ряд тонов, которые шагают в сторону серого. каждый образец - это реальный цвет, который вы можете скопировать как HEX, RGB или HSL и сразу перейти в CSS, файл дизайна или конфигурацию темы.

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

Генератор работает полностью в вашем браузере. цвет, который вы вводите, анализируется, и шкалы вычисляются с помощью JavaScript на стороне клиента, поэтому ничего не загружается, учетной записи нет, и ваша работа никогда не отслеживается. Он принимает имена цветов HEX, rgb (), hsl () и общие CSS, позволяет вам установить, сколько шагов содержит каждая шкала, и мгновенно обновляет каждый образец. После загрузки страницы он работает в автономном режиме.