Советы DevTools: создание цветов

Sofia Emelianova

DevTools позволяет создавать цвета всего несколькими щелчками мыши, вместо того, чтобы вводить их значения.

В следующем видеоролике с советами DevTools показано большинство основных функций разработки цвета. Однако с момента выхода видео несколько функций были реализованы, а одна устарела.

Чтобы научиться быстро создавать цвета, посмотрите видео и прочитайте обновленную документацию:

• Чтобы открыть меню формата цвета, нажмите с нажатой клавишей Shift поле предварительного просмотра цвета рядом со значением цвета.

• Как показано в видео, редактируйте и копируйте цвета с помощью палитры цветов .

• Выберите цвет в любом месте экрана с помощью пипетки .

• Как показано в видео:

  • Измените значения градиента с помощью Angle Clock .
  • Используйте пользовательские переменные CSS в качестве цветовой палитры.

• Используйте меню цветового формата для преобразования цветов HD и не-HD вместо изменения формата с помощью ярлыков меню команд.

• Как показано в видео, получите обзор всех цветов вашей страницы с помощью панели «Обзор CSS» .

Для получения дополнительной информации см.:

• Проверка и отладка цветов с помощью палитры цветов
• Руководство по цветам CSS высокого разрешения
• Обзор CSS: определение потенциальных улучшений CSS