DevTools позволяет создавать цвета всего несколькими щелчками мыши, вместо того, чтобы вводить их значения.
В следующем видеоролике с советами DevTools показано большинство основных функций разработки цвета. Однако с момента выхода видео несколько функций были реализованы, а одна устарела.
Чтобы научиться быстро создавать цвета, посмотрите видео и прочитайте обновленную документацию:
Чтобы открыть меню формата цвета, нажмите с нажатой клавишей Shift поле предварительного просмотра цвета рядом со значением цвета.
Как показано в видео, редактируйте и копируйте цвета с помощью палитры цветов .
Выберите цвет в любом месте экрана с помощью пипетки .
Как показано в видео:
- Измените значения градиента с помощью Angle Clock .
- Используйте пользовательские переменные CSS в качестве цветовой палитры.
Используйте меню цветового формата для преобразования цветов HD и не-HD вместо изменения формата с помощью ярлыков меню команд.
Как показано в видео, получите обзор всех цветов вашей страницы с помощью панели «Обзор CSS» .
Для получения дополнительной информации см.: