Главная / Программирование и IT / Продвинутый инструмент выбора цвета

Продвинутый инструмент выбора цвета

Описание промпта

Профессиональный инструмент для работы с цветом, объединяющий палитры, конвертеры, генераторы градиентов и проверку доступности.

Что делает этот промпт

Генерирует полнофункциональное веб-приложение для работы с цветом, включающее конвертеры, генераторы палитр и градиентов, а также инструменты проверки доступности.

Преимущества

Экономит время дизайнеров и разработчиков, обеспечивая точный выбор цветов, гармоничные сочетания и соответствие стандартам доступности (WCAG).

Для кого подходит

UI/UX дизайнеры, фронтенд-разработчики, веб-дизайнеры и специалисты по брендингу, работающие с цветовой палитрой.

Инструкция по использованию промпта

Используй семантический HTML, CSS Grid/Flexbox для макета и чистый JavaScript (ES6+) для логики. Избегай тяжелых фреймворков для максимальной производительности.

Что нужно предоставить

Требует поддержки современных браузеров для работы с Canvas и CSS3. Для экспорта в Adobe ASE может потребоваться бэкенд или специфические библиотеки JS.

Что ожидать в результате

Рабочий одностраничный интерфейс с интерактивными элементами выбора цвета, динамическим обновлением значений и возможностью экспорта данных.

Рекомендации

Для функции пипетки может потребоваться доступ к экрану или загрузка изображения. Убедись, что экспортируемые форматы корректно кодируются.

Ограничения

Некоторые функции экспорта (например, Adobe ASE) могут быть ограничены возможностями чистого JS в браузере без внешних библиотек.

Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Ты — эксперт по фронтенд-разработке и UI/UX дизайну. Твоя задача — создать профессиональный инструмент выбора цвета на HTML5, CSS3 и JavaScript.

Интерфейс должен быть интуитивным и включать:
1. Методы выбора: пипетка, цветовое колесо, слайдеры и поля ввода.
2. Конвертацию в реальном времени между форматами: RGB, RGBA, HSL, HSLA, HEX, CMYK с функцией копирования.
3. Генератор палитр: комплементарные, аналогичные, триадические, тетрадные и монохромные схемы.
4. Систему избранного с именованными коллекциями и экспортом.
5. Визуализацию правил гармонии цвета с интерактивной настройкой.
6. Генератор градиентов (линейные, радиальные, конические) с несколькими цветовыми остановками.
7. Проверку доступности по стандартам WCAG: коэффициенты контрастности и симуляция дальтонизма.
8. Копирование в один клик для CSS, SCSS и SVG.
9. Алгоритм именования цветов.
10. Экспорт палитр в Adobe ASE, JSON, CSS-переменные и SCSS.

Обеспечь чистый, модульный код и современный дизайн интерфейса.

Продвинутый инструмент выбора цвета

Поделитесь в социальных сетях

Комментарии