Генератор відтінків кольору

Всі інструменти
Генератор відтінків кольору
Згенеруйте повний діапазон тінтів і відтінків з одного кольору — оберіть крок освітлення/затемнення та кількість відтінків, а потім миттєво копіюйте будь-яке значення.
Базовий колір
Крок
%
Наскільки світлішим/темнішим стає кожен відтінок за крок (1–25%).
Кількість відтінків
Скільки тінтів і відтінків генерувати з кожного боку базового кольору.
Градієнт
Згенеровані відтінки

Оберіть базовий колір, відсоток кроку та кількість — усі тінти й відтінки обчислюються миттєво у вашому браузері.

Поділитися
Пов'язані інструменти
Генератор колірних палітр

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

Плавно переходьте від початкового кольору до кінцевого за до 10 кроків — переглядайте градієнт, захоплюйте кожен відтінок і миттєво копіюйте будь-який формат.
Експортер палітр

Вставте або імпортуйте набір кольорів і миттєво експортуйте їх у CSS-змінні, SCSS, конфіг Tailwind, JSON або SVG-свотчі — завершальний крок для будь-якої палітри.
Витягувач кольорів із зображення

Отримайте відшліфовану, готову до копіювання палітру кольорів з будь-якого зображення.
Популярні запити
генератор відтінків кольору тони та відтінки освітлити та затемнити колір відтінки кольору генератор тонів кольору створити відтінки кольору

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.