Порівняння · перевірено 2026-10-25

Найкращі безкоштовні інструменти для палітр кольорів і контрасту

Інструмент для палітр має знаходити кольори на зображенні, будувати гармонії з одного кольору, перевіряти, чи добре читається текст, і передавати палітру вашим інструментам для дизайну або коду. Ось що пропонує кожен з них, за даними з їхніх власних сторінок.

Ми створюємо Slop Colors, один з інструментів на цій сторінці. Кожен факт про інші інструменти взято з їхніх сторінок, посилання на які наведено під кожним, станом на 2026-10-25. Ціни й можливості змінюються: перевірте кожен сайт, перш ніж обирати.

Як ми порівнювали

• Безкоштовність і що додає обліковий запис або план
• Кольори із зображення
• Гармонії та шкали з одного кольору
• Перевірка контрасту WCAG
• Файли експорту (CSS, Tailwind, ASE, GPL)

Коротко

1. Slop Colors (наш)

Найкраще для: Вибирання кольорів з ваших власних зображень без передавання їх кому-небудь, перевірка контрасту та експорт палітри як коду або файлу зразків на одній сторінці.

Добре

• Зображення обробляються в браузері, нічого не передається
• Змінні CSS, конфігурація Tailwind, JSON, експорт Adobe .ase і GIMP .gpl, і ці файли можна відкрити знову
• HEX, RGB, HSL, OKLCH і CMYK; колір OKLCH поза гамою переводиться в sRGB

Не так добре

• Немає бібліотеки спільних палітр для перегляду
• Немає попереднього перегляду для дальтонізму
• Немає експорту палітри в PDF або зображення

Відкрити Slop Colors

2. Coolors

Найкраще для: Швидке створення й перегляд палітр з великою бібліотекою та плагінами для інструментів дизайну.

Добре

• Генератор за пробілом і понад 10 мільйонів палітр для перегляду
• Експорт у PDF, зображення, CSS, ASE, SVG, код і Tailwind
• Palette Visualizer показує кольори на дизайнах

Не так добре

• Безкоштовний план зберігає до 10 палітр; на його сторінці вилучення кольорів через Image Picker і розширений експорт віднесено до функцій Pro

Сайт Coolors · Джерела: Головна сторінка Coolors

3. Adobe Color

Найкраще для: Дизайнери в застосунках Adobe, яким потрібні правила гармонії на колірному колі та палітри, збережені в їхній бібліотеці.

Добре

• Правила монохроматичної, комплементарної, аналогової, тріадної та розщепленої комплементарної гармонії на колірному колі
• Попередній перегляд для дальтонізму
• Зберігає палітри в бібліотеці для інших проєктів

Не так добре

• На сторінці колірного кола не згадано файли експорту

Сайт Adobe Color · Джерела: Adobe Color, колірне коло

4. WebAIM Contrast Checker

Найкраще для: Перевірка однієї пари тексту й фону за WCAG з посиланням, щоб поділитися результатом.

Добре

• Повзунки яскравості, щоб змінити будь-який з кольорів
• Постійне посилання і JSON API для результату
• Прозорість для переднього плану

Не так добре

• Перевіряє одну пару; палітри не створює й не експортує

Сайт WebAIM Contrast Checker · Джерела: WebAIM Contrast Checker

Який обрати

Slop Colors ми обираємо, коли кольори беруться з ваших власних зображень, а палітра має потрапити в код або інструмент дизайну: піпетка, основні кольори, перевірка контрасту й експорт — на одній сторінці, і нічого не передається.

Обирайте Coolors за генератор, бібліотеку й плагіни, Adobe Color за колірне коло та бібліотеку Adobe, а перевірку WebAIM — щоб перевірити й поділитися однією парою.

Питання

Який коефіцієнт контрасту мені потрібен?

WCAG AA вимагає 4,5:1 для звичайного тексту і 3:1 для великого тексту та елементів інтерфейсу; AAA — 7:1 і 4,5:1. Усі чотири інструменти показують коефіцієнт.

Який файл відкриється у Photoshop чи Illustrator?

Файл Adobe Swatch Exchange (.ase). Slop Colors і Coolors обидва експортують такий файл.

Чи завантажується моє зображення?

У Slop Colors — ні: його обробляє ваш браузер. Перевірте політику конфіденційності кожного іншого інструменту.

Назви інших продуктів є торговими марками їхніх власників. Slopographic не пов’язана з ними.