Колірний інструмент Pro: палітри, градієнти, WCAG та код CSS
Опис
Цей промпт допоможе вам створити повноцінний, професійний інструмент для роботи з кольором, що задовольнить найвибагливіші потреби дизайнерів та розробників.
Для кого цей промпт?
Ідеально підходить для:
- Веб-дизайнерів, яким потрібен швидкий доступ до гармонійних палітр та точних колірних значень.
- Фронтенд-розробників, що шукають ефективний спосіб генерувати CSS/SCSS/SVG код та перевіряти доступність кольорів.
- Продуктових команд, які прагнуть створити високоякісний, функціональний інструмент для своїх користувачів.
Переваги інструменту, що буде створений за цим промптом:
- Інтуїтивний інтерфейс: Піпетка, колірне колесо, повзунки та поля введення для точного вибору кольору.
- Миттєва конвертація: Перетворення між RGB, RGBA, HSL, HSLA, HEX, CMYK з функцією копіювання.
- Генератор палітр: Схеми доповнюючих, аналогових, тріадичних, тетрадичних та монохроматичних кольорів.
- Система обраного: Збереження колекцій кольорів з можливістю експорту.
- Візуалізація гармонії: Інтерактивне налаштування правил колірної гармонії.
- Генератор градієнтів: Лінійні, радіальні, конічні градієнти з багатьма зупинками.
- Перевірка доступності (WCAG): Коефіцієнти контрастності та симуляція дальтонізму.
- Копіювання коду: Експорт CSS, SCSS, SVG фрагментів одним кліком.
- Інтелектуальне іменування: Алгоритм для пропонування назв вибраних кольорів.
- Гнучкий експорт палітр: Формати Adobe ASE, JSON, CSS variables, SCSS.
>_ Промпт
Створіть професійний колірний інструмент за допомогою HTML5, CSS3 та JavaScript для дизайнерів та розробників. Створіть інтуїтивно зрозумілий інтерфейс з кількома методами вибору, включаючи піпетку, колірне колесо, повзунки та поля введення. Реалізуйте конвертацію в реальному часі між колірними форматами (RGB, RGBA, HSL, HSLA, HEX, CMYK) з функцією копіювання. Додайте генератор колірних палітр з опціями для комплементарних, аналогових, тріадичних, тетрадичних та монохроматичних схем. Включіть систему обраного з названими колекціями та опціями експорту. Реалізуйте візуалізацію правил колірної гармонії з інтерактивним налаштуванням. Створіть генератор градієнтів, що підтримує лінійні, радіальні та конічні градієнти з кількома колірними зупинками. Додайте перевірку доступності для відповідності WCAG з коефіцієнтами контрастності та симуляцією дальтонізму. Реалізуйте копіювання фрагментів коду CSS, SCSS та SVG в один клік. Включіть алгоритм іменування кольорів для пропонування назв вибраних кольорів. Підтримуйте експорт палітр у різні формати (Adobe ASE, JSON, CSS variables, SCSS).