Цветовая палитра в Chrome DevTools

Если вы нажмете на маленький цветной значок рядом с цветовыми кодами в инструментах разработчика Chrome DevTools, на экране появится красивая и удобная палитра цветов. С ее помощью вы сможете подобрать лучшую комбинацию цветов для дизайна вашего сайта.

Читайте также: Шестнадцатеричные цветовые коды в CSS

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

Изменение цветового режима

В Chrome DevTools вы также можете легко менять цветовые режимы. Здесь можно легко переключаться между HEX, RGBA и HSLA:

Оттенки и непрозрачность

Конечно, вы можете поиграть с различными оттенками и уровнями непрозрачности:

Цветовые палитры

И, наконец, вы можете получить доступ к различным цветовым палитрам. По умолчанию в палитре отображаются цвета с вашей страницы. Конечно, вы можете создать собственную цветовую палитру или использовать цветовую палитру Material Design:

Tags:

Добавить комментарий