Convertly Colors
Ваш повний набір інструментів кольорів
Витягуйте, створюйте та експортуйте кольорові палітри.
Популярні інструменти кольорів
Найпопулярніші інструменти серед дизайнерів.
Вибір кольору
Клацніть будь-яку точку зображення, щоб узяти колір, і миттєво скопіюйте код HEX, RGB, HSL чи CMYK. Переглядайте зразки та зберігайте їх до палітри у браузері.
Витягнути кольори
Завантажте зображення, щоб витягнути його головні кольори та зібрати готову палітру з кодами HEX і RGB. Переглядайте кожен відтінок та експортуйте для дизайну.
Генератор палітри
Створіть гармонійну колірну палітру з будь-якого фото чи зображення з кодами HEX і RGB. Налаштуйте кожен відтінок та експортуйте у CSS для вашого дизайн-проєкту.
Домінуючі кольори
Проаналізуйте зображення, щоб знайти найбільш домінуючі кольори з відсотками та кодами HEX. Зберіть збалансовану палітру з головних кольорів та експортуйте її.
Схожі кольори
Уведіть колір, щоб знайти схожі й близькі до нього відтінки у форматах HEX і RGB. Досліджуйте світлі та темні варіації й зберіть узгоджену палітру в браузері.
Конвертувати колір
Миттєво конвертуйте значення кольору між HEX, RGB, HSL, CMYK, OKLCH і LAB. Вставте один код і отримайте всі інші формати з попереднім переглядом наживо.
Контраст кольорів
Перевірте коефіцієнт контрасту між текстом і тлом на відповідність стандартам доступності WCAG AA і AAA. Налаштуйте пари кольорів HEX, щоб текст легко читався.
Експорт палітри
Експортуйте колірну палітру у готові до коду формати CSS, SCSS, JSON і ASE. Скопіюйте змінні HEX і RGB прямо у проєкт Tailwind, Figma чи улюблений редактор.
Перегляд кольору
Візуалізуйте, як ваші кольори та комбінації HEX виглядають на кнопках, картках і тексті. Налаштуйте палітру з переглядом наживо, перш ніж застосувати до дизайну.
Завантажити кольори
Завантажте колірну палітру як охайне зображення PNG, що показує кожен код HEX. Діліться зразками з командою чи клієнтами та зберігайте колірні орієнтири проєкту.
Поділитися кольорами
Поділіться колірною палітрою через унікальне посилання, що показує кожен код HEX і RGB. Надішліть колегам чи клієнтам, щоб переглянути й скопіювати відтінки.
Колірні гармонії
Досліджуйте комплементарні, тріадні, аналогові й тетрадні гармонії з колірного кола. Зберіть збалансовану палітру з кодами HEX і RGB та експортуйте для дизайну.
Як це працює
Створюйте професійні палітри за 3 простих кроки.
Завантажте або виберіть
Завантажте зображення або виберіть базовий колір.
Створіть палітру
Наші інструменти аналізують та створюють гармонійні комбінації.
Експортуйте куди завгодно
Експортуйте в CSS, Tailwind, SCSS або завантажте як зображення.
Чому Convertly Colors?
Все що потрібно для дизайну кольорів.
Генератор палітри
Створюйте повну колірну палітру з зображення.
Контрастність кольорів
Перевірте коефіцієнт контрастності для WCAG.
Конвертувати колір
Конвертуйте кольори між HEX, RGB, HSL, CMYK.
Експорт палітри
Експортуйте палітру в CSS, JSON, ASE.
Колірні гармонії
Досліджуйте комплементарні, тріадні гармонії.
CSS Градієнт
Створюйте лінійні, радіальні CSS градієнти.
Часті запитання
Все, що вам потрібно знати про наші інструменти для кольору
Так, усі наші основні інструменти для роботи з кольором абсолютно безкоштовні. Ви можете витягувати кольори із зображень, генерувати палітри, конвертувати між форматами (HEX, RGB, HSL) та багато іншого без жодних витрат. Функції Premium пропонують розширені опції для професійних користувачів.
Все дуже просто! Завантажте зображення до нашого інструменту вилучення кольорів, і наш алгоритм автоматично проаналізує домінуючі кольори. Ви миттєво отримаєте коди HEX, RGB та HSL для кожного кольору.
Ні, в жодному разі! Весь процес обробки відбувається безпосередньо у вашому браузері завдяки нашій 100% локальній технології. Ваші зображення ніколи не залишають ваш пристрій, що гарантує повну приватність ваших файлів.
Ми підтримуємо всі поширені формати кольорів: HEX (#FFFFFF), RGB (255, 255, 255), HSL (0°, 0%, 100%), HSV, CMYK для друку та навіть назви кольорів CSS. Ви можете вільно конвертувати кольори між усіма цими форматами.
Звісно! Наші інструменти дозволяють експортувати палітри безпосередньо як змінні CSS, конфігурацію Tailwind, SCSS або навіть JSON. Легко інтегруйте свої кольори у проєкти розробки.
Використовуйте наш інструмент контрасту WCAG, щоб перевірити читабельність ваших кольорових комбінацій. Він автоматично розраховує коефіцієнт контрастності та повідомляє, чи відповідають ваші кольори стандартам доступності AA та AAA.