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

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

Безкоштовно Без реєстрації Приватність передусім

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) або назва кольору в CSS.

Нещодавні

Палітри

Які пари читабельні

Кожен колір як текст на кожному іншому. Число - це коефіцієнт контрасту за WCAG; AA - це 4,5:1 для звичайного тексту і 3:1 для великого тексту та елементів інтерфейсу.

Скопіювати палітру

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

Як це працює

Як будуються гармонії

Доповняльна, аналогова, тріадна, тетрадна, розділена доповняльна та квадратна - обчислюються обертанням відтінку в OKLCH, а не в HSL. Це має значення: поверніть відтінок у HSL на 120 градусів, і один із трьох результатів вийде помітно темнішим за інші, бо світлість у HSL - це середнє каналів, а не те, що вимірює око.

Кожен колір показано з його контрастом на білому й на чорному, а палітра експортується як власні властивості CSS, змінні SCSS, JSON або звичайний список. Нічого не надсилається на сервер; палітра лежить у цьому браузері, і ви можете її очистити.

Навчання
Website Audit in 2026: The Complete SEO, Core Web Vitals, Accessibility and Security Checklist
23 Jul 202620 min read

Аудит сайту у 2026 році: повний чекліст SEO, Core Web Vitals, доступності та безпеки

Якісний аудит сайту - це не одна оцінка Lighthouse і не список із десятків автоматичних попереджень. Він має відповісти на чотири запитання: чи може пошукова система правильно знайти й зрозуміти сайт, чи може користувач без перешкод виконати своє завдання, чи достатньо швидко працює сайт і чи не створює він зайвих ризиків для власника або відвідувачів?

Read article
Chrome versus Firefox versus Edge versus Safari comparison cover in POLPROG AI Tools series
17 Jul 202617 min read

Chrome vs Firefox vs Edge vs Safari: чого ми навчилися, випустивши 9 розширень для браузерів

Дев'ять розширень, чотири браузери й значно більше, ніж один файл `manifest.json`. Ми показуємо, де насправді закінчується спільний код, чому Safari потребує окремого процесу та які помилки виявляють лише Firefox і магазини розширень.

Read article
Claude Code versus OpenAI Codex versus Gemini CLI comparison cover in POLPROG AI Tools series
17 Jul 202618 min read

Claude Code проти OpenAI Codex проти Gemini CLI: найкращий ШІ-агент для програмування у 2026 році

Claude Code, OpenAI Codex і Gemini CLI можуть читати репозиторії, редагувати файли та запускати тести, але їх створено для різних стилів роботи. Ми порівнюємо якість, бенчмарки, безпеку, паралельну роботу, розширення, ціни та приватність.

Read article

Створюйте кращий вебпростір, швидше.

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

Зв'язатися