Есть плагин colorguard для gulp, он дает рекомендации какие цвета являются безопасными для веб и как их можно объединить.
В ручную это делать не интересно, нужно модифицировать этот плагин, так чтобы объединение цветов происходило автоматически, если цвета не в HEX, их нужно перевести в HEX.
Простой пример:
Допустим мы имеем 2 цвета:
body{
color:#ecece1
}
p{
color:#ececec
}
У нас должно получится:
body{
color:#ececec
}
p{
color:#ececec
}
Еще лучше если, будет опция/функция сжатия, опционально
Пример:
body,p{
color:#ececec
}
Пример сложнее:
body{
color:#4ea828
}
p{
color:rgb(78, 168, 40)
}
body,p{
#44aa22; – //примерно такой
}
Таким образом, мы объединяем цвета, которые близки по охвату, сокращаем лишний код и делаем его немного чище.
Метод спорный, так как можно поломать дизайн и использовать его нужно очень аккуратно и с маленьким шагом.
"#010101"
"#020202"
"#030303"
Максимальный шаг: +3 (опционально или использовать шаг, +1, так шанс что-то поломать меньше)
Пример:
color:#ececec
Эти можно объединить в 1
color:#ebebeb
color:#eaeaea
color:#e9e9e9
---------------------
color:#ececec
color:#e8e8e8 – этот уже нет, здесь максимальный шаг 4.
Ссылка на плагин: