Як створити градієнтну палітру кольорів
Оберіть початковий і кінцевий колір, ввівши код або в полі вибору, і скільки відтінків потрібно між ними — від 3 до 12. Проміжні кольори обчислюються в колірному просторі, що імітує людський зір (OKLab), тож кроки між відтінками виглядають рівномірно, а посередині не з’являються брудні сірі.
Градієнтна палітра чи плавний градієнт
Цей інструмент дає окремі кольори, кожен зі своїм кодом, щоб використовувати їх по одному: у шкалі Tailwind, у діаграмах, у презентації чи в розділах сайту. Якщо вам потрібен фон, що плавно переходить від одного кольору до іншого, скористайтеся генератором CSS-градієнтів.
Часті запитання
Що таке градієнтна палітра кольорів?
Це низка кольорів, що поступово переходять від одного кольору до іншого. Наприклад, від рожевого до блакитного за 7 кроків. Кожен колір має власний HEX-код і його можна використовувати окремо.
Скільки кольорів може мати палітра?
Від 3 до 12. Коли кольорів мало, переходи помітніші; коли багато — перехід плавніший і відтінків для вибору більше.
У яких форматах її можна експортувати?
У змінних CSS із готовим градієнтом, як список HEX-кодів, конфігурацію Tailwind, JSON, SVG або зображення PNG. Також її можна відкрити в генераторі палітри й далі редагувати.
Чому проміжні відтінки не виглядають сірими?
Бо змішування обчислюється в OKLab — колірному просторі, створеному з огляду на людський зір. Пряме змішування в RGB протилежних кольорів, як-от рожевого й зеленого, проходить через тьмяні тони; в OKLab перехід чистіший і рівномірніший.
Чи можна поділитися палітрою?
Так. Адреса сторінки зберігає обидва кольори й кількість відтінків, тож її можна просто скопіювати й надіслати.
Чим це відрізняється від генератора градієнтів?
Генератор градієнтів створює суцільний фон у CSS. Цей інструмент дає окремі кольори, що лежать між двома кольорами, щоб використовувати їх по одному.
Це безкоштовно?
Так, без реєстрації та без обмежень. Улюблені градієнти можна зберегти сердечком; вони зберігаються в цьому браузері.