Colorzilla gradient: Ultimate CSS Gradient Generator — ColorZilla.com

Содержание

Аналоги ‘ColorZilla’, найдено похожих приложений: 22

ColorZilla

ColorZilla

  17

Бесплатное ПО

Категории: Веб браузеры Фото и графика Разработка

Платформы: Web Browser extension

Ссылки: Официальный сайт Twitter

Особенности:
css3 color-picker css расширения google chrome web-development gradient-generator расширения firefox


ColorZilla — это расширение для Mozilla Firefox и Mozilla Suite.

Он помогает веб-разработчикам и графическим дизайнерам решать задачи,
связанные с цветом — как базовые, так и расширенные.

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

Шпионские функции DOM позволяют быстро и
легко получать различную информацию об элементах DOM.

Аналоги (22):

  • gpick
    Инструмент выбора цвета и создания цветовой схемы.

      33

    Бесплатное ПО Открытый код

    Linux

    color-palette извлечение цветовых палитр из изображений color-tool встроенная палитра цветов color-picker

    Подробнее

  • Instant Eyedropper
    Определение цветового кода объекта на экране обычно является многоэтапным процессом: …

      22

    Бесплатное ПО

    Windows

    настольная палитра цветов color-picker

    Подробнее

  • ColorPix
    Выбор цвета

      18

    Бесплатное ПО

    Windows

    не требует установки color-palette малый размер Не поддерживается color-picker

    Подробнее

  • FCorp Imaging
    Imaging представляет собой набор инструментов, связанных с изображениями (Image Viewer, Image Converter, Image Resizer, Image .
    ..

      16

    Платное ПО

    Windows

    color-picker image-optimizer image-resize webcam-snapshot image-converter images photos photography не требует установки image-sorting graphics rotate-image инструменты для создания скриншотов image-processing graphic-design extract-icon image-viewer crop-image duplicate-images-finder Не поддерживается emoticons

    Подробнее

  • ColorMania
    Colormania — это усовершенствованная утилита для выбора цвета, специально созданная

      12

    Бесплатное ПО

    Windows

    magnifier picker color-picker

    Подробнее

  • ColorSchemer Studio
    ColorSchemer Studio 2 — это профессиональное приложение для подбора цвета для всех, от любителей до …

      12

    Платное ПО

    Mac Windows

    Не поддерживается color-palette color-picker

    Подробнее

  • Pipette
    С помощью пипетки вы можете редактировать, преобразовывать и подбирать цвета с экрана.

      10

    Бесплатное ПО

    Windows

    picker color-picker

    Подробнее

  • Chroma
    Chroma — это удивительно простой инструмент выбора цвета, который упрощает поиск нужных цветов.

      5

    Бесплатное ПО Открытый код

    Web

    hex-picker github colors color-picker hex-color self-hosted picker

    Подробнее

  • KColorChooser
    KColorChooser is a simple application to select the color from the screen or from a pallete.

      5

    Бесплатное ПО Открытый код

    Linux

    color-extractor color-picker

    Подробнее

  • ColorWell
    Удобное дополнение к инструментарию любого веб-разработчика — ColorWell обеспечивает мгновенный доступ к Mac …

      4

    Платное ПО

    Mac

    graphics color-picker

    Подробнее

  • Pixel Pick
    бесплатный инструмент выбора цвета

      4

    Бесплатное ПО

    Windows

    color-tool color-picker hex-color magnifier picker не требует установки

    Подробнее

  • delicolour
    GUI приложение используется для выбора цвета

      3

    Бесплатное ПО Открытый код

    Linux

    colors color-palette color-picker

    Подробнее

  • Color Picker
    Получите самый элегантный выбор цвета в App Store!

      2

    Платное ПО

    Mac

    hex-picker color-tool color-palette color-picker hex-color picker

    Подробнее

  • cyotek color pallete editor
    Cyotek Palette Editor позволяет создавать цветовые палитры и работать с ними в различных форматах .
    ..

      2

    Бесплатное ПО

    Windows

    colors color-palette color-picker

    Подробнее

  • Drop — Color Picker
    Красивая цветовая палитра с поддержкой Touch Bar

      1

    Платное ПО

    Mac

    developer-tools graphics

    Подробнее

  • Hex Color Picker
    Hex Color Picker помещает дополнительную вкладку в общесистемную панель цветов.

      1

    Бесплатное ПО

    Mac

    hex-color Не поддерживается color-picker

    Подробнее

  • HEX RGB color codes
    Цветовые коды HEX RGB — это небольшое приложение, которое позволяет легко определить цветовой код HEX …

      1

    Бесплатное ПО

    Windows

    hex-codes rgb-color hex-color color-codes hex не требует установки

    Подробнее

  • iColors
    Автономная палитра цветов для Mac

     
    1

    Бесплатное ПО

    Mac

    Не поддерживается color-picker

    Подробнее

  • SwatchBooker
    Бесплатное приложение с открытым исходным кодом для создания, редактирования и (пакетного) преобразования образцов цветов и палитр.

      1

    Бесплатное ПО Открытый код

    Mac Linux Windows

    color-palette colour colours-match colors color-picker

    Подробнее

  • Color Picker Pro
    Это лучше чем гекс.

      0

    Платное ПО

    Mac

    hex-picker hex-color color-picker

    Подробнее

  • HexColorPicker
    HexColorPicker — это пакет плагинов для Apple Color Picker.

      0

    Бесплатное ПО

    Mac

    hex-picker hex-color Не поддерживается color-picker

    Подробнее

  • Pikka
    Интуитивно понятный подборщик цвета для разработчиков и дизайнеров

      0

    Платное ПО

    Mac

    palette-generator color-tool developer-tools colors color-picker hex-color picker

    Подробнее

ColorZilla альтернативы и похожие программы

ColorZilla — это расширение для Mozilla Firefox и Mozilla Suite.

Он помогает веб-разработчикам и графическим дизайнерам решать задачи, связанные с цветом — как базовые, так и расширенные.

С ColorZilla вы можете получить цветное считывание из любой точки вашего браузера, быстро настроить этот цвет и вставить его в другую программу. Вы можете увеличить масштаб просматриваемой страницы и измерить расстояния между любыми двумя точками на странице. Встроенный браузер палитр позволяет выбирать цвета из предопределенных наборов цветов и сохранять наиболее используемые цвета в пользовательских палитрах. Шпионские функции DOM позволяют быстро и легко получать различную информацию об элементах DOM.

Ссылки на официальные сайты

Официальный сайт      Twitter

Функциональные возможности

Расширения Firefox Расширения Google Chrome

Категории

Веб браузеры Разработка Фото и графика

Теги

gradient-generator color-picker web-development css3 css

Официальный сайт

  • gpick

    Инструмент выбора цвета и создания цветовой схемы. Функции: Создать палитры из изображений , Инструменты создания цветовой схемы , Быстрый подбор цвета Увеличение , Цвета автоматически называются — Ближайшее название цвета находится с помощью функци…

    Открытый исходный код Бесплатно Linux

    Извлечение цветовых палитр из изображений Встроенная палитра цветов

    33

  • Instant Eyedropper

    Определение цветового кода объекта на экране обычно является многоэтапным процессом: вы нажимаете клавишу Print Screen, чтобы скопировать снимок экрана в буфер обмена, загружаете программу редактирования графики, создаете новый файл, вставляете сним…

    Бесплатно Windows

    Настольная палитра цветов

    22

  • FCorp Imaging

    Imaging — это набор инструментов, связанных с изображениями (Image Viewer, Image Converter, Image Resizer, Image Optimizer и т. Д.). Функции : 1. Выбор цвета 2. Duplicate Image Finder: найти дубликаты изображений 3. Google Image Link Generator: созд…

    Платно Windows

    Инструменты для создания скриншотов Не требует установки

    16

  • ColorMania

    Colormania — это усовершенствованная утилита для выбора цвета, специально созданная для веб-дизайнеров, художников-графиков и разработчиков приложений. Он поддерживает различные цветовые модели и способен выбирать цвета от любого на вашем экране. То…

    Бесплатно Windows

    12

  • Pipette

    С помощью пипетки вы можете редактировать, преобразовывать и подбирать цвета с экрана. Пипетка также поддерживает множество стандартов или цветовых моделей (RGB, CMY, CMYK, HSV, TColor и XYZ0). Цветовые модели — это не что иное, как теоретические оп…

    Бесплатно Free Personal Windows

    10

  • Chroma

    Chroma — это браузерная палитра цветов, которая фокусируется на выборе цвета. Он был построен с использованием React Color. ФУНКЦИИ — Фокусируется на выборе цвета, когда активен, но дает полный обзор, когда нет — Команды клавиатуры — Простой, легкий…

    Открытый исходный код Бесплатно GitHub Self-Hosted Web

    5

  • KColorChooser

    KColorChooser is a simple application to select the color from the screen or from a pallete.

    Открытый исходный код Бесплатно BSD Linux

    5

  • ColorWell

    Удобное дополнение к инструментарию любого веб-разработчика — ColorWell обеспечивает мгновенный доступ к цветовому колесу Mac OS X из строки меню системы.

    Платно Mac

    4

  • Pixel Pick

    Pixel Pick — это бесплатный инструмент для выбора цвета, который выбирает цвет пикселей под курсором мыши на рабочем столе и переводит его в различные цветовые форматы, такие как RGB, CMYK, HSB, HEX или Web Color. Бесплатная палитра цветов для захва…

    Бесплатно Windows

    Не требует установки

    4

  • delicolour

    delicolour — это легкий искатель цвета. Цель delicolour — создать простой интерфейс для выбора цвета (в основном для веб-дизайна), не такой продвинутый, как Gpick, но все же полезный и очень гибкий. Основной принцип: нет вкладок или других окон, все…

    Открытый исходный код Бесплатно Linux

    3

  • cyotek color pallete editor

    Редактор палитр Cyotek позволяет создавать цветовые палитры и работать с ними в различных форматах, таких как JASC, GIMP и Adobe Color. Палитры могут быть созданы с нуля, импортированы из других палитр или созданы из изображений и могут быть легко о…

    Бесплатно Windows

    2

  • Color Picker

    Получите самый элегантный выбор цвета в App Store! Color Picker разработан для сверхбыстрого доступа и тихого выхода из вашего пути, когда вы закончите собирать. Цвет будет доступен в картоне. Совместим с Lion, Mountain Lion и Mavericks (в Mavericks…

    Платно Mac

    2

  • HEX RGB color codes

    Цветовые коды HEX RGB — это небольшое приложение, которое позволяет легко узнать HEX-код цвета. Вам просто нужно выбрать цвет, и приложение автоматически отобразит соответствующие коды HEX и RGB.

    Free Personal Windows

    Не требует установки

    1

  • iColors

    Автономная палитра цветов для Mac

    Бесплатно Mac

    1

  • Hex Color Picker

    Hex Color Picker помещает дополнительную вкладку в общесистемную панель цветов. Мгновенно просмотрите шестнадцатеричный код цвета для любого цвета и отредактируйте его точно так же, используя несколько сокращений.

    Бесплатно Mac

    1

  • SwatchBooker

    SwatchBooker — это бесплатный / libre редактор образцов и пакетный конвертер для Linux, macOS и Windows. Поддерживаемые цветовые модели: RGB, HSV, HSL, CMY, CMYK, nCLR, YIQ, CIE LAB, CIE LCH, CIE XYZ Читает образцы цветов из: Adobe aco, acb, act, as…

    Открытый исходный код Бесплатно Linux Mac Windows

    1

  • Drop — Color Picker

    Drop — это восхитительный маленький сборщик цветов для разработчиков и дизайнеров. Выберите цвет, и он будет скопирован в выбранном вами формате. Это так просто.

    Платно Mac

    1

  • Color Picker Pro

    Это лучше чем гекс. Color Picker Pro — профессиональное решение для выбора цвета CSS и HTML для Apple Mac OS X. Color Picker Pro — это небольшое приложение для перетаскивания, которое помогает захватывать значения цветов в шестнадцатеричном, RGB и H…

    Платно Mac

    0

  • HexColorPicker

    HexColorPicker — это пакет плагинов для Apple Color Picker. Как следует из его названия, HexColorPicker создаст шестнадцатеричный код цвета выбранного в данный момент цвета. Но ждать! Это сделает намного больше. HexColorPicker позволит вам скопирова…

    Бесплатно Mac

    0

  • Pikka

    Pikka — Color Picker — это простая в использовании палитра цветов для разработчиков и дизайнеров Cocoa, которая хорошо работает с несколькими экранами. С помощью Color Picker вы можете выбрать точный цвет из любого места на экране, используя лупу, и…

    Платно Mac

    0

[email protected]

ColorZilla Ultimate CSS Gradient Generator Tutorial

Градиенты позволяют оживить все, начиная от фона веб-сайта, кнопок форм, элементов DIV и многого другого. Будь то сайт недвижимости, сайт электронной коммерции или даже личный блог, аспект CSS вашей темы сильно влияет на взаимодействие с пользователем.
Но не у всех есть время или желание вручную кодировать CSS, необходимый для реализации классного эффекта градиента.
В этом уроке мы рассмотрим основные функции ColorZilla Ultimate CSS Gradient Generator, очень полезного компонента бесплатной надстройки браузера ColorZilla.

Обзор ColorZilla

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

Особенности включают инструмент «Пипетка», который захватывает цвет любого пикселя в окне браузера. Параметр «Масштаб» позволяет увеличивать изображения до 1000% от исходного размера страницы. Другие полезные функции включают анализатор цвета веб-страницы DOM, палитры «История» и «Избранное», возможность измерения расстояния между любыми двумя точками в окне браузера и многое другое.

О генераторе градиентов CSS

Было бы легко потратить часы на разработку градиентных фонов, не говоря уже о времени, необходимом для их тестирования и настройки. Преимущество ColorZilla Ultimate CSS Gradient Generator заключается в том, что он освобождает вас от необходимости использовать графический градиент и все связанные с ним ограничения, например, связанные с высотой и шириной.

Он поставляется с очень простым для понимания интерфейсом, который, как следует из названия, генерирует для вас код CSS.

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

Вы можете захватить край прямоугольника градиента, чтобы увидеть, как градиент выглядит в любом другом произвольном измерении.

Вернувшись к левой боковой панели, вы найдете элементы управления для изменения определенных параметров градиента. Например, вы можете ввести столько узлов или «цветовых точек», сколько необходимо. Для каждого узла вы можете изменить его цвет, расположение и прозрачность.

Щелчок по определенному узлу показывает цвет узла. При нажатии на поле цвета отображается всплывающая палитра, которая позволяет выбрать любой цвет из других цветов и управлять другими параметрами, такими как оттенок, насыщенность и яркость. В качестве альтернативы, их можно настроить с помощью элементов управления под панелью стопов, и направление градиента можно даже изменить на противоположное

После внесения всех необходимых изменений вы можете дать своему градиенту собственное имя и сохранить его на свой компьютер. Это упрощает повторное использование градиента в будущем.

Еще одна интересная функция позволяет вам импортировать файл CSS, чтобы использовать ранее созданный цветовой градиент.

Более того, вы можете импортировать любой градиент, просто загрузив изображение градиента или указав URL-адрес градиента.

И, наконец, самый важный код, который генерирует CSS Gradient Generator. Просто скопируйте код в свою таблицу стилей и вуаля, мгновенный градиент. Даже если вы никогда не будете использовать созданный вами градиент, вы все равно многое узнаете о том, как работают градиенты, и получите удовольствие от процесса.

Фото предоставлено Golden_Ribbon

Вам понравилась эта статья?

[one_half]Если да, то почему бы вам не подписаться на информационный бюллетень The Design Range? Раз в две недели вы будете в курсе всех последних статей, а также эксклюзивных советов и руководств по увеличению вашего дохода от графического дизайна.

Лучшие альтернативы ColorZilla Gradient Editor на основе проверенных продуктов, голосов сообщества, обзоров и других факторов.


Последнее обновление:
  1. CSSGradient.io

    ↔ Редактор градиентов ColorZilla

    В качестве бесплатного инструмента для создания градиентов CSS этот веб-сайт позволяет создавать красочный градиентный фон для вашего веб-сайта, блога или профиля в социальных сетях.

  2. AngryTools Онлайн Генератор Градиентов

    ↔ Редактор градиентов ColorZilla

    Angrytools — интерфейс онлайн-генератора градиентов CSS для создания кросс-браузерного кода градиента CSS, а также кода градиента Android. Генератор создает линейные или радиальные градиенты, которые можно использовать в дизайне веб-страницы или в приложениях для Android.

  3. Эградиенты

    ↔ Редактор градиентов ColorZilla

    Готовые к использованию градиентные цвета фона. ✓ Прохладные градиенты подготовлены в соответствии с последними тенденциями дизайна. А подают его в виде яиц. ✓ С шестнадцатеричными и CSS-кодами.

  4. УСБ

    Генератор градиентов CSSmatic

    ↔ Редактор градиентов ColorZilla

    Лучшие инструменты CSS для веб-дизайнеров.

  5. Грабиент

    ↔ Редактор градиентов ColorZilla

    Захват градиента

  6. РГ

    Веб-градиенты

    ↔ Редактор градиентов ColorZilla

    Тщательно подобранная коллекция из 180 бесплатных свежих фоновых градиентов 🚀

  7. org/ListItem»>

    Градиент CSS

    ↔ Редактор градиентов ColorZilla

    Создавайте CSS-градиенты с легкостью

  8. Генератор градиентов Doodad.devs

    ↔ Редактор градиентов ColorZilla

    Используйте этот инструмент для создания линейных, радиальных и конических градиентных фонов. Экспортируйте в формате CSS, SVG, PNG и JPEG для использования на своем веб-сайте, в социальных сетях или на обоях.

  9. uiГрадиенты

    ↔ Редактор градиентов ColorZilla

    uiGradients — это тщательно подобранная коллекция красивых цветовых градиентов для дизайнеров и разработчиков.

  10. Coolors.

    co

    ↔ Редактор градиентов ColorZilla

    Сверхбыстрый генератор цветовых схем! Создавайте, сохраняйте и делитесь идеальными палитрами за считанные секунды!

  11. ГК

    Градиентные карты

    ↔ Редактор градиентов ColorZilla

    Простой и красивый список редактируемых градиентов

  12. Сетчатые градиенты от ls.graphics

    ↔ Редактор градиентов ColorZilla

    Бесплатные сетчатые градиенты ручной работы для вашего следующего проекта 🍭

  13. Ч

    CoolHue

    ↔ Редактор градиентов ColorZilla

    Самые крутые градиентные оттенки и образцы

Предложите альтернативу

Если вы считаете, что мы что-то упустили, предложите альтернативу ColorZilla Gradient Editor.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *