Генератор відтінків і тіней
Автоматично генеруйте світліші відтінки та темніші тіні будь-якого кольору з його HEX-кодом.
Як генерувати відтінки та тіні кольору
Виберіть базовий колір
Виберіть стартовий колір за допомогою візуального селектора або введіть його HEX-код.
Перегляньте відтінки та тіні
Ви автоматично побачите 5 світліших відтінків (тонування) та 5 темніших (тіні), створених на основі вашого кольору.
Скопіюй потрібний HEX код
Клікни на будь-яку палітру, щоб скопіювати її HEX код до буфера обміну.
Часті запитання про генератор тонів і тіней
Мати світліші та темніші варіанти кольору необхідно для створення узгодженої палітри дизайну (наприклад, для станів наведення, фонів чи меж). Цей інструмент автоматично їх обчислює.
Яка різниця між тоном (tint) і тінню (shade)?
+
Тон отримується шляхом змішування кольору з білим (його освітленням), а тінь — змішуванням з чорним (його затемненням).
Скільки варіантів генерується?
+
Генерує 5 світліших тонів і 5 темніших тіней на основі твого базового кольору, всього 10.
Чи можу я скопіювати коди?
+
Так, натисни на будь-який колір зі списку, щоб скопіювати його HEX-код.
Чи можна використовувати для створення палітри дизайну типу Tailwind?
+
Так, це саме той самий концепт, що й кольорові шкали 50-900, які використовуються в багатьох системах дизайну.
Це безплатно?
+
Так, цей інструмент повністю безплатний.
Мій колір завантажується на якийсь сервер?
+
Ні, весь розрахунок виконується безпосередньо у вашому браузері.
Кольори
Конвертер кольорів (HEX, RGB, HSL, CMYK)
Миттєво конвертуйте будь-який колір між HEX, RGB, HSL та CMYK із живим перегляданням та найближчою назвою кольору.
Генератор палітр кольорів
Створюйте гармонійні палітри з 5 кольорів (комплементарні, аналогічні, тріадичні або монохроматичні) на основі вибраного кольору.
Генератор градієнтів CSS
Створюйте лінійні або радіальні градієнти з до 4 кольорів і копіюйте готовий код CSS.
Перевірка контрастності WCAG
Перевірте, чи комбінація кольорів тексту та фону відповідає рівням доступності AA та AAA.
Випадковий колір
Генеруйте випадковий колір одним кліком і дізнавайтеся його назву, HEX/RGB/HSL код та подібні кольори.
Вибір кольору (піпетка)
Вибирайте будь-який колір з екрана за допомогою інструменту піпетки браузера або скористайтеся класичним палітрою.
Симулятор кольорослipості
Завантажте зображення та перевірте, як його бачать люди з протанопією, дейтеранопією або тританопією.
Генератор Mesh-градієнтів
Створюй фони з mesh-градієнтами (розмиті кольорові плями) та завантажуй у PNG або копіюй код CSS.
Змішувач Кольорів
Змішайте два кольори та відкрийте проміжні відтінки поетапно, з їхнім кодом HEX.
Колірне колесо (Гармонії)
Виберіть колір на колесі й відкрийте його гармонійні комбінації: комплементарні, аналогічні, тріадичні та більше.
Екстрактор палітри з зображення
Завантажте зображення та автоматично витягніть його домінуючі кольори в палітру з HEX-кодом для кожного.
Середній Колір Зображення
Завантажте зображення та миттєво розрахуйте його середній колір з кодами HEX, RGB і HSL.
Досліджуйте кольори за сімействами
Більш ніж 469 названих кольорів з кодами HEX, RGB, HSL та CMYK, організовані в 12 сімейств тонів.
