Онлайн-інструмент для аналогової колірної схеми

Можливості та приклад роботи

Аналогові колірні схеми використовуються для створення спокійних, гармонійних дизайнів. Цей інструмент генерує три кольори: два сусідніх з базовим на колі кольорів. Наприклад, якщо ви оберете базовий колір #3B82F6 (синій) і кут 30 градусів, ви отримаєте схему: #3CE0F6 (блакитний), #3B82F6 (базовий) та #523CF6 (фіолетовий). При куті 90 градусів результат буде: #3CF652 (зелений), #3B82F6 та #F63CE0 (рожевий).

Як це працює

Інструмент перетворює базовий RGB-колір у HSL, зберігає насиченість і світлоту для двох зсунутих кольорів, а відтінок змінює на заданий кут (з обгортанням навколо 360 градусів). Середній зразок залишається точно таким, як ви обрали, без округлень.

Обмеження

Аналогова схема не гарантує достатнього контрасту для тексту. Перевіряйте пари кольорів на відповідність стандартам доступності окремо. Інструмент не має функцій перевірки контрасту, симуляції дальтонізму чи експорту файлів.

Поширені запитання

Чи можу я змінити один із згенерованих кольорів?

Так, кожен колір має розширену панель, де можна редагувати HEX, RGB, HSV або HSL. Зміна одного кольору не перераховує інші.

Чому середній колір точно збігається з базовим?

Середній зразок не проходить через перетворення HSL, тому його HEX-код залишається ідентичним вибраному базовому кольору.

Який діапазон кута зсуву?

Кут зсуву можна встановити від 1 до 90 градусів. За замовчуванням — 30 градусів.

Контрольний список

• Оберіть базовий колір.
• Встановіть кут зсуву.
• Згенеруйте схему.
• Перевірте кольори в контексті дизайну.
• Скопіюйте HEX-коди.