Безкоштовний генератор палітри кольорів
Створюйте палітри кольорів за секунди
Згенеруйте ідеальну палітру для свого дизайну або надихніться сотнями перевірених поєднань кольорів. Безкоштовно, без реєстрації.
Натисніть пробіл, щоб змінити кольори
Створюйте, переглядайте й експортуйте палітри кольорів. Швидко, просто й в одному місці.
Наші інструменти
Створити
палітру
Створюйте палітри за секунди. Натисніть пробіл, закріпіть кольори, які подобаються, і пробуйте далі.
Почати створюватиПереглянути
палітри
Надихайтеся палітрами у 31 категорії: пастельні, вінтаж, неон, осінь, захід сонця та інші.
Дивитися палітриПалітра із зображення
Завантажте фото й візьміть із нього найкращі кольори, щоб перетворити їх на палітру.
Завантажити зображенняПеревірка контрасту
Перевірте, чи легко читається текст на своєму фоні, за настановами доступності WCAG.
Перевірити контрастГармонія кольорів
Оберіть колір і знайдіть для нього комплементарні, аналогові та тріадні кольори на колірному колі.
Дивитися гармоніїГенератор градієнтів
Створюйте плавні градієнти з двох і більше кольорів та копіюйте готовий CSS-код.
Створити градієнтНазви кольорів
Шукайте серед сотень кольорів із назвами й копіюйте їхній HEX- або RGB-код.
Шукати кольориКольори для сайту
Палітри для сайтів та інтерфейсів із готовим CSS, який можна скопіювати й вставити.
Дивитися веб-палітриБільше ідей кольорів
Пастельні палітри
Ніжні світлі тони для делікатного, легкого дизайну.
Кольори, що поєднуються
Поєднання за правилами гармонії, які працюють завжди.
Випадкові палітри
Палітри, створені навмання. Дозвольте новим кольорам вас здивувати.
Захід сонця
Від помаранчевого через рожевий до фіолетового, як небо наприкінці дня.
Вінтаж
Приглушені кольори з ноткою ностальгії, чудові для брендів з історією.
Ваше обране
Зберігайте палітри, які подобаються, і повертайтеся до них, коли потрібно.
Експортуйте як зручно
Ідеї палітр за темами
Найпопулярніші кольори
Не знаєте, які кольори поєднати? Перегляньте поєднання кольорів, дізнайтеся значення кольорів або скористайтеся конвертером HEX у RGB.
Поширені запитання
Що таке палітра кольорів?
Це набір кольорів, дібраних для спільного використання в дизайні. Зазвичай вона має основний колір, його світліші й темніші варіанти та один-два акцентні кольори. Палітри використовують у логотипах, брендингу, соцмережах, на сайтах, в інтерфейсах та ілюстрації.
Як працює цей генератор палітри кольорів?
Він не показує готовий список: палітри створюються на льоту. Генератор обирає базову барву й будує п’ять кольорів за правилами гармонії (аналогові, комплементарні, тріадні або монохромні). Кожен стиль має власні межі яскравості та насиченості, тому пастельна палітра виходить ніжною, а неонова — яскравою. У редакторі натисніть пробіл, щоб створити нову палітру, і закріпіть кольори, які хочете залишити.
Як вибрати вдалу палітру кольорів?
Спершу подумайте, що саме хочете передати. Теплі тони здаються дружніми й енергійними, холодні — спокійними й такими, що викликають довіру, а темні — елегантними. Використовуйте небагато кольорів, зберігайте достатній контраст, щоб текст легко читався, і перевірте палітру в реальному дизайні, перш ніж вирішити.
Як знайти кольори, які поєднуються?
Кольори поєднуються, коли між ними є гармонія: вони сусіди на колірному колі (аналогові), протилежні (комплементарні) або є відтінками однієї барви (монохромні). Кожна палітра на цьому сайті дотримується цих правил. Приклади дивіться в розділі палітри кольорів, що поєднуються.
Які кольори використати на сайті?
Кожна палітра має свої HEX-коди, а ще можна скопіювати готовий CSS. Також перевірте контраст між текстом і фоном, щоб сайт легко читався, або візьміть палітру з фото. Більше ідей — у розділі кольори для сайту.
Що таке колірне коло?
Це розташування основних, похідних і третинних кольорів по колу. Воно показує, які кольори поєднуються, а які контрастують, тому є відправною точкою для створення палітр. Спробуйте його в інструменті гармонія кольорів.
Які кольори основні, а які похідні?
Основні кольори — червоний, синій і жовтий: їх не можна отримати, змішавши інші кольори. Похідні кольори виходять зі змішування двох основних: синій і червоний дають фіолетовий, синій і жовтий — зелений, а червоний і жовтий — помаранчевий. Якщо змішати основний колір із похідним, отримаєте третинні кольори.
Що таке монохромні та комплементарні кольори?
Монохромна палітра використовує одну барву в світліших і темніших варіантах. Вона виглядає цілісно й елегантно. Комплементарні кольори розташовані навпроти один одного на колірному колі, як синій і помаранчевий. Разом вони дають максимальний контраст і підсилюють один одного.
Чи можна використовувати ці палітри безкоштовно?
Так. Ви можете копіювати HEX-коди або CSS і використовувати їх у будь-якому проєкті, особистому чи комерційному.