Elysia Tools
Навигация
Workflow Playbook
Создайте переиспользуемую цветовую систему: преобразуйте цвета, генерируйте гармонии, проверяйте контраст и цветовое зрение, документируйте токены.
Темы
Создайте переиспользуемую цветовую систему: преобразуйте цвета, генерируйте гармонии, проверяйте контраст и цветовое зрение, документируйте токены.
Это руководство превращает заявленную задачу в проверяемый результат. Сохраняйте исходник, промежуточные результаты и решения, чтобы следующий участник понимал, что было проверено и почему.
Соберите исходные цвета и назначьте каждому роль.
Определите требования к тексту, фону, взаимодействию, состояниям и экспорту.
Решение: Какие связи выбрать?. Выберите аналоговую, комплементарную, триадную, тетрадную или раздельно-комплементарную схему по роли.
Решение: Что изменять?. Меняйте тон, тень, оттенок, насыщенность, цветовой тон или температуру, если роль остаётся ясной.
Решение: Что проверить?. Проверьте ключевые пары и всю палитру на контраст и различимость при нарушениях цветового зрения.
Преобразуйте значения и до редактирования запишите имена, роли и оригиналы. Используйте color-converter.
Создайте гармонии, смешения, градиенты и варианты; оставьте подходящие кандидаты. Используйте color-scheme-generator, color-complement, color-triad, color-tetrad, color-analogous, color-split-complement, color-mixer, color-gradient-generator, color-lighten-darken, color-saturate-desaturate, color-hue-shifter, color-shade, color-tint, color-temperature.
Проверьте пары, контраст палитры и симуляции цветового зрения. Используйте color-contrast-checker, color-accessibility-checker, accessible-color-palette-contrast-checker, color-blindness-simulator.
Скорректируйте сбои и запишите значения, роли, доказательства и точки градиента. Используйте color-inverter, color-lighten-darken, color-shade, color-tint.
Руководство по рабочему процессу
Преобразуйте значения и до редактирования запишите имена, роли и оригиналы.
Создайте гармонии, смешения, градиенты и варианты; оставьте подходящие кандидаты.
Проверьте пары, контраст палитры и симуляции цветового зрения.
Скорректируйте сбои и запишите значения, роли, доказательства и точки градиента.
Выберите аналоговую, комплементарную, триадную, тетрадную или раздельно-комплементарную схему по роли.
Меняйте тон, тень, оттенок, насыщенность, цветовой тон или температуру, если роль остаётся ясной.
Проверьте ключевые пары и всю палитру на контраст и различимость при нарушениях цветового зрения.