Увійдіть до свого облікового запису

Ласкаво просимо назад.

Три кольори однакової яскравості та насиченості з відтінками, що є сусідніми на колірному колі на відстані 30 градусів один від одного. Плавні переходи.

Кожна гармонія має свій настрій. Використовуйте гармонії для мозкового штурму, щоб створити комбінації кольорів, які добре поєднуються між собою.

Колір і його протилежність на колірному колі, +180 градусів відтінку. Високий контраст.

Отримайте корисну інформацію про колір 123456, як-от перетворення, комбінації, імітація сліпоти тощо.

HTML Color Picker: 123456

Три кольори одного відтінку зі значеннями яскравості +/-50%. Тонкий і вишуканий.

Колір і два сусідні з ним доповнення, +/-30 градусів відтінку від значення, протилежного основному кольору. Жирний, як пряме доповнення, але більш універсальний.

Два набори кольорів, що доповнюють один одного, розділені 60 градусами відтінку.

Три кольори, рівномірно розташовані вздовж колірного кола, на відстані 120 градусів відтінку один від одного. Найкраще дозволити одному кольору домінувати, а інші використовувати як акценти.

Мета цього розділу - точно створити відтінки (додавання чистого білого) і відтінки (додавання чистого чорного) обраного вами кольору з кроком 10%.

Ім'я

Зв'яжіться з нами

Налаштувати колір тексту

Виберіть колір за допомогою палітри кольорів для тексту та фону або введіть колір у шістнадцятковому форматі RGB (наприклад, #259 або #2596BE). Ви можете налаштувати повзунок для вибору кольору. У Керівництві з доступності веб-контенту (WCAG) є спеціальний критерій, який допомагає визначити, чи є текст читабельним для зрячих користувачів. Цей критерій використовує певний алгоритм для відображення комбінацій кольорів у порівнянні співвідношення.  Використовуючи цю формулу, WCAG стверджує, що співвідношення кольорового контрасту між текстом і фоном 4,5:1 є достатнім для звичайного (основного) тексту, а для великого тексту (18+ пт звичайного або 14+ пт напівжирного шрифту) має бути щонайменше 3:1.

Перевірка контрастності кольорів: За допомогою цього онлайн-інструменту ви можете отримати детальну інформацію про співвідношення контрастності кольорів тексту і фону 123456. 

Перевірка контрастності кольорів: 123456

Досягнуто максимальної кількості 10 кольорів

Досягнуто мінімальної кількості 4 кольорів

Потрібна увага

Щоб скористатися цією функцією, вам потрібно створити БЕЗКОШТОВНИЙ обліковий запис imagecolorpicker. Після цього ви отримаєте доступ до більшої кількості функцій.

Створіть нову палітру

Редагування палітри

Створюйте приголомшливі градієнти за допомогою Gradient Maker від imagecolorpicker.com. Вибирайте з лінійних і радіальних градієнтів, додавайте кілька кольорів, обертайте градієнт, зберігайте і діліться своїми творіннями. Завантажуйте CSS-код безпосередньо і легко інтегруйте градієнти у свої проекти.

Редагування градієнта

Обов'язковий заголовок градієнта

Gradient Maker - Створюйте приголомшливі лінійні та радіальні градієнти | imagecolorpicker.com

Градієнт

Створюйте колірні коди, варіації, гармонії та перевіряйте коефіцієнти контрастності.

Генератор та пікер кольорових кодів

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

Gradient Maker

Керуйте та впорядковуйте свої улюблені кольорові палітри.

Ваші збережені палітри

Перегляньте та дослідіть цей спільний градієнт.

Спільний градієнт

Перегляньте та дослідіть цю спільну палітру.

Спільна палітра

Ми помітили, що ви використовуєте блокувальник реклами. Нічого страшного! Ви можете підтримати нас невеликим пожертвуванням, щоб зберегти цей інструмент безкоштовним для мільйонів користувачів. Кожна кава допомагає нам підтримувати та покращувати сервіс.

Виявлено блокувальник реклами - підтримайте нас кавою!

 Скористайтеся онлайн-піпеткою кольорів зображень вище, щоб вибрати колір і отримати HTML-код кольору цього пікселя. Також ви отримаєте значення колірного коду HEX, RGB та HSV. У розділі "Використовуйте своє зображення" ви можете завантажити власне зображення (наприклад, скріншот робочого столу), вставити зображення з буфера обміну, ввести URL-адресу зображення в текстове поле нижче. Або використовуйте URL-адресу веб-сайту, ви побачите мініатюру зліва.

Підбірник кольорів: За допомогою цього онлайн-інструменту ви можете завантажити зображення або вказати URL-адресу веб-сайту і отримати код кольору RGB, HEX і HSL. 👍

👍 Підбір кольорів онлайн | Підбір кольорів HEX | Підбір кольорів HTML

Якщо ви користуєтеся комп'ютером Mac або комп'ютером з поточною операційною системою та поточним браузером, ви можете використовувати цю функцію. Ми протестували Safari, Edge, Firefox і Chrome. Зовнішній вигляд може дещо відрізнятися.

Ви можете скористатися цією функцією 3 рази безкоштовно, а потім переглянути короткий рекламний ролик ще 3 рази. Ваша підтримка допомагає нам тримати цей інструмент безкоштовним для 3+ мільйонів користувачів по всьому світу.

Перегляньте 15-секундний рекламний ролик, щоб продовжити безкоштовне користування

Ви скористалися цією функцією 3 рази!

Пошук фотографій через pexels

Ми все ще на самому початку нашої подорожі з піпеткою кольорів, попереду буде ще багато функцій, це того варте.

Не маєте облікового запису? Зареєструватися

Введіть свою електронну адресу, і ми надішлемо вам безпечне посилання для входу.

Назва палітри обов'язкова

Ви ще не зберегли палітру кольорів. Збережіть її, і ви знайдете її тут.

Палітра кольорів, якою ви поділилися, більше не існує, ймовірно, вона була видалена автором. Зверніться до людини, від якої ви отримали це посилання.

Палітра

Назва обов'язкова

Цей веб-сайт створений на основі реклами. У вас є блокувальник. Ми розуміємо, що ви не побачите рекламу. Цей сайт коштує нам грошей на запуск і підтримку. Ми дуже радіємо кожній каві!

Онлайн-інструмент для підбору кольорів із зображень, веб-сайтів і вашого екрану. Миттєво отримуйте колірні коди HEX, RGB та HSL.

Онлайн-інструмент для вилучення колірних кодів (HEX, RGB) із зображень та веб-сайтів. 100% безкоштовно.

ImageColorPicker.com

Вибирайте кольори з будь-якого зображення:
миттєво та на 100% безкоштовно.

Зображення

Палітра кольорів

Кольори

Використовуйте власне зображення

Підбір кольору